Оптимизация для мобильных устройств - SEO и верстка

Мобильный трафик имеет решающее значение для любой цифровой стратегии. Схожий веб-отчет о состоянии мобильной сети США за 2015 год утверждает, что 56% всего трафика на сайты составляет мобильный трафик. В Acquia мы увидели, что наш собственный мобильный трафик вырос на 17% с 2014 по 2015 год. Но за последние двенадцать месяцев все стало действительно интересно. В первой половине этого года наш мобильный трафик увеличился только на 50%. Так что да, мы действительно заботимся о мобильной работе на нашем сайте. С чего начать, чтобы убедиться, что вы продвигаете свою лучшую мобильную ногу?

Когда я думаю о «Мобильной оптимизации», я думаю о двух вещах: поисковая оптимизация (SEO) для мобильных устройств и создание веб-макета, оптимизированного для мобильных браузеров. При оптимизации поиска Google, Google заботится об обоих этих пунктах. Давайте начнем с того, что сосредоточимся на мобильном SEO.

Основное SEO
Первое, что вам нужно сделать, это убедиться, что ваш сайт оптимизирован для SEO. Это дает вам прочную основу для начала. Если вы не уверены, что ваш сайт в целом хорошо оптимизирован, прочитайте мой предыдущий блог о SEO оптимизация ,

Скорость страницы
Мобильные пользователи обычно находятся в пути и хотят быстро получать информацию о иногда ненадежных соединениях. Скорость страницы очень важна для мобильных устройств, поэтому вы захотите узнать, сможете ли вы минимизировать свой код, и продолжайте: диета веса страницы . »Это заставит вас меньше полагаться на перенаправления и максимально использовать службы кэширования, такие как CloudFlare или другие CDN.

Оптимизировать заголовки страниц и метаописания
У вас меньше места для игр на мобильном телефоне, поэтому краткость очень важна для использования ограниченного пространства экрана. Это поможет в поиске страниц результатов поиска (SERP) и в конечном итоге поможет пользователям попасть на ваш сайт.

Schema.org
При ограниченном пространстве в целом наличие структурированных данных и богатых фрагментов, доступных на вашем сайте, увеличит эффективность поисковой выдачи.

Не используйте Flash
Некоторое время назад я не видел Adobe Flash, но мобильные браузеры не могут поддерживать эти эффекты, поэтому используйте HTML5, если вам нужны эффекты, предлагаемые Flash.

Не используйте всплывающие окна
Всплывающие окна могут показаться отличной идеей, но они вызывают много проблем на мобильных устройствах. Я видел сценарии, в которых я прокручивал до конца страницы, нажимал на что-то, и затем экран становился серым, но я не вижу ничего нового. Где всплывающее окно? Или страшный синдром «я не могу закрыть всплывающее окно». Не заставляйте пользователей покидать ваш сайт. Плохие всплывающие окна будут выгнать их навсегда.

Адаптивный дизайн - это метод создания страниц, поэтому ваш сайт будет переформатировать на лету, расширяться и сокращаться по мере необходимости на разных мобильных устройствах. Это означает, что пользователь может захватить левый нижний угол сайта на рабочем столе, и по мере уменьшения размера окна браузера элементы на странице будут реструктурироваться и перемещаться для оптимизации и выравнивания в соответствии с новым размером браузера. Мне больше нравится этот метод, потому что вам не нужно поддерживать отдельный удобный для мобильных устройств веб-сайт (у кого есть на это время ?!), и вы гарантируете, что демонстрируете одну и ту же информацию для всей своей аудитории. Нет ничего хуже, чем попросить друга проверить что-то конкретное на определенном веб-сайте, только для того, чтобы он загрузил сайт в мобильном телефоне, а его там нет.
Адаптивный дизайн - это метод создания страниц, поэтому ваш сайт будет переформатировать на лету, расширяться и сокращаться по мере необходимости на разных мобильных устройствах

Мобильный дизайн - это когда ваш сайт будет адаптирован, чтобы пользователь мог легко перемещаться и читать ваш сайт со своего мобильного устройства. Такие методы, как увеличение меню, чтобы пользователь мог легко нажимать на ссылки пальцем, являются элементами, удобными для мобильных устройств. Это также регулирует макет для удобства чтения и прокрутки.
Мобильный дизайн - это когда ваш сайт будет адаптирован, чтобы пользователь мог легко перемещаться и читать ваш сайт со своего мобильного устройства
(изображение по ссылке с https://developers.google.com/webmasters/mobile-sites/ )

На Acquia.com мы сделали «мобильную оптимизацию» на шаг вперед. Когда мы впервые запустили нашу домашнюю страницу, мы сделали все новые изображения / значки полной ширины для мобильных устройств. Это сделало нашу домашнюю страницу чрезвычайно длинной, и хотя прокрутка была более приемлемой для мобильных устройств, она по-прежнему не использовала наше пространство. Таким образом, мы еще раз взглянули на наш мобильный опыт и смогли гораздо лучше использовать мобильное пространство, вот несколько изображений того, что мы сделали:
На Acquia

Мобильный телефон продолжает расти, и это не то, что мы можем игнорировать. Итак, давайте примем это!

Ссылочные материалы:
https://developers.google.com/webmasters/mobile-sites/
http://marketingland.com/mobile-top-sites-165725
https://moz.com/learn/seo/mobile-optimization
http://signalfire.us/blog/what-is-responsive-design/

С чего начать, чтобы убедиться, что вы продвигаете свою лучшую мобильную ногу?
Где всплывающее окно?
Кого есть на это время ?
Меню сайта
Новости
Ошибка Открытия Драйвера Казаки
Ошибка Microsoft Visual C++ Runtime Library. Как исправить? Здравствуйте. Не так давно помогал одному хорошему знакомому с настройкой компьютера: у него при запуске любой игры выскакивала ошибка Microsoft

Волчья сотня | Si vis pacem, para bellum!
02/06/2012 Волчья сотня «Волчья сотня» — неофициальное название 2-й сотни 2-го Аргунского полка Забайкальского казачьего войска в Русско-японскую войну 1904—1905 годов. Казаки-аргунцы,

Обаяние мужественности и профессионализма Андрей Казаков
Обаяние мужественности и профессионализма Имя Андрея Казакова долгое время было хорошо известно лишь столичным любителям театра. Актер и режиссер, удостоенный звания Заслуженного артиста и нескольких

Тайна "Тихого Дона" Шолохова: своровал или нет?
Несколько поколений литературоведов и историков спорили о том, мог ли полуграмотный казак Михаил Шолохов написать "Тихий Дон", да ещё в 23 года, не имея необходимого для романа-эпопеи жизненного опыта.

Андрей Казаков / Andrei Kazakov
Детство и юность Андрея Казакова Путь к сцене Андрея Казакова был долгим и причудливым. Молодой человек попробовал себя в нескольких профессиях и только потом решил стать актером. Андрей родился в семье

Взятие Азова донскими казаками в 1637 году
Автор: А. Пивоваров Источник: "Донские казаки". Краткій сборникъ разсказовъ изъ военной жизни Донцовъ, о ихъ храбрости, находчивости въ бою, преданности долгу и проч.Новочеркасская типография. 1892

Василий Иванович Баженов (1737–1799)
Один из основоположников русского классицизма. Учился в "архитектурной команде" Г. В. Ухтомского и в Академии художеств с момента се основания. Проектировал Большой Кремлевский дворец в Москве.

КИРИЛЛ КОЗАКОВ ВИКИПЕДИЯ - Кирилл Козаков биография актера, фото, личная жизнь
Школьные годы Михаил Козаков вспоминает с неохотой. Актер театра и кино, сын известного советского актера Михаила Козакова. Михаил Козаков родился 14 октября 1934 года в Ленинграде. Описание отчество

Все ответы на игру Угадай слово по подсказке
Нас уже на самом деле давно просили сделать ответы для этой игры, но из-за большого количества уровней на это ушло колоссальное количество времени. Но наконец-то мы их сделали и рады вам сказать, что

Атака казаков. Фильм Тихий Дон.avi
( 5 г. назад ) эпизод из сериала Девять жизней Нестора Махно 6 серия ( 8 г. назад ) 29 апреля 1648 год Желтые воды ( 12 мес.

Реклама