Как сделать ваш мобильный сайт SEO дружественным

1. Страницы проиндексированы
2. Зарегистрируйтесь в консоли поиска
3. Robots.txt
4. Равная разметка, микроданные и схемы
5. Канонические метки
6. Альтернативный HREFS
7. содержание
8. Уменьшение изображения (не размер, а количество)
9. Уменьшение изображения (по размеру)
10. АМП
11. скорость
12. CDN
13. входные
14. Лайтбоксы или рекламные вставки
15. Загрузите наши подсказки приложений
16. Мобильные обратные ссылки (это больше теория)
17. Другой

К настоящему времени вы слышали о мобильном индексе Google для мобильных устройств. Уже не достаточно иметь мобильный сайт и версию AMP, теперь вы должны убедиться, что ваш сайт оптимизирован для мобильного SEO. Хотя у нас не будет никакой информации, пока она не будет развернута для большого% запросов, вы можете подготовить множество вещей. Ниже вы найдете контрольный список, а также подробное объяснение того, как сделать ваш сайт мобильным для SEO.

• Страницы проиндексированы
• Зарегистрируйтесь в консоли поиска
• Robots.txt
• Равная разметка и схема
• Канонические метки
• Альтернативные HREFs
• содержание
• Уменьшение изображения (не размер, а количество)
• Уменьшение размера изображения
• АМП
• скорость
• CDN
• входные
• Лайтбоксы или рекламные вставки
• Подсказки для загрузки приложения
• Мобильные обратные ссылки - теория
• Другой

Страницы проиндексированы

Если у вас есть адаптивный или адаптивный сайт, вам, теоретически, стоит пойти дальше. Тем не менее, если у вас есть м. или отдельный мобильный сайт, для начала зайдите в Google и введите сайт: www.yoururl.com, затем выполните поиск по сайту: yoururl.com и, наконец, site: m.yoururl.com. То, что вы ищете, - это равное количество проиндексированных страниц в версии вашего основного сайта и мобильной версии.

Если у Google нет полной индексации мобильной версии или хотя бы схожего номера, самое время узнать, почему. Это может быть что угодно из-за проблем со сканированием или, возможно, вы заблокировали Google в своих файлах robots.txt и .htaccess. Вы также можете просмотреть метатеги на своих мобильных страницах, чтобы убедиться, что они не блокируют бота Google.

Это также может быть плохая навигация и карта сайта или что-то с вашими х-роботами. Если вам интересно, что такое тег x robots, то как вы можете более точно ориентироваться на странице или категории, как сканировать свой сайт. то есть вы можете сказать роботу Google следовать тегам в вашем блоге, но не индексировать страницы тегов, которые были созданы.

Существует не 100% решение всех проблем, так как это обычно проблема в каждом конкретном случае, но это, безусловно, первое, что вы хотите посмотреть. Я не знаю, делает ли это кто-то еще или это важно, но я собираюсь создать мобильную версию моих файлов Sitemap и отправить ее в консоль поиска для сайтов, которые имеют м ..

Зарегистрируйтесь в консоли поиска

Далее вы хотите зарегистрировать мобильную версию в поисковой консоли. Многие люди могут не согласиться или сказать, что это излишне, но я предпочитаю дать Google возможность получать и предоставлять статистику сканирования, а также получать и проверять, что все отображается правильно. Надеемся, что вы можете проверить, правильно ли вы сканируете, и чтобы вам было легче обнаруживать ошибки в мобильной версии моего сайта. Когда вы закончите, у вас должно быть настроено следующее в поисковой консоли «www.», Не «www.» И «m.».

Robots.txt

Важно взглянуть на ваш файл robots.txt. Это место, которое ищет Google, когда хочет узнать, как сканировать ваш сайт. Хотя ваш мобильный сайт, вероятно, очищен для сканирования, дважды проверьте. Это займет всего секунду, чтобы увидеть. Вы также можете добавить несколько дополнительных сканирований.

• Создайте мобильную карту сайта и добавьте ее в свой файл robots.txt.
• Убедитесь, что вы разблокировали или не заблокировали робот Googlebot при сканировании своего мобильного сайта.

Равная разметка, микроданные и схемы

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

Канонические метки

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

Если мобильный индекс сначала просматривает вашу мобильную версию, но вы и Google в настоящее время просматриваете версию для настольного компьютера, на что должны указывать ваши канонические теги? Если у вас есть мнение по этому поводу, пожалуйста, оставьте его в комментариях ниже, потому что я не могу найти ответ на этот вопрос, которому я доверяю.

Если вы измените свою каноническую версию на мобильную, что произойдет с версией для настольного компьютера, поскольку именно она используется в настоящее время? Это больше не тот, который вы хотите показать? Когда вы делаете переключатель? Это может быть очень рискованно, поскольку мобильный индекс «сначала» не распространяется на все запросы, и мы не знаем, когда он будет распространяться на все запросы. Вот почему важно следить за некоторыми пользователями Google в Twitter и регулярно проверять блог Google для веб-мастеров. Именно так многие из нас находят обновления и знают, когда начинать вносить изменения.

На данный момент я рекомендую моим клиентам сохранять канонические теги, указывающие на версию для настольного компьютера, а в версии для настольного компьютера вы используете альтернативные теги href, чтобы различать их. Смущенный этим, не будьте. Следующий раздел объяснит href альтернативный для этого случая.

я использую это бесплатный инструмент для проверки канонических и перенаправлений ,

Альтернативный HREFS

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

Хорошая новость заключается в том, что если вы их настроили, вы уже говорите показать этот URL для размера экрана XY или языка. В мобильном мире вы добавите их на свои мобильные страницы (если их там еще нет) и разместите версию для ПК в качестве альтернативы. Если вы используете адаптивные или адаптивные сайты, вам, вероятно, не нужно беспокоиться об этом. Как только у нас будет больше информации о канонических ссылках, вы можете сделать мобильное устройство основной страницей, а затем поменять теги HREF Alt и канонические символы вместе.

содержание

Как только Google начнет использовать мобильный индекс в качестве основного индекса, вам необходимо убедиться, что ваш контент в обеих версиях вашего сайта одинаков. Хотя Гэри Илиес недавно написал в Твиттере, что скрытый текст и другие способы обеспечить лучший UX для мобильных устройств - это нормально, я бы не стал доверять… если вы не будете осторожны.

Если ваш мобильный опыт плохой из-за тонны контента, и вы используете вкладки или аккордеон, чтобы обеспечить лучший UX, убедитесь, что есть четкое и легко видимое «читать дальше» или способ найти остальную часть контента. Вы не хотите ручного просмотра, когда кто-то думает, что вы специально скрыли контент для целей SEO. Маленькие кнопки «читать дальше», выцветшие буквы или даже цветные шрифты, которые вписываются в дизайн, потенциально могут быть плохими и привести к штрафу.

Время разглагольствовать, потому что я сталкиваюсь с этим регулярно со скрытым текстом и текстом для разговоров SEO.

Суть в том, что вы управляете бизнесом. Вам нужен доход от рекламы или продажи. Чтобы получить их, вам нужно несколько потоков трафика, включая SEO. Контент - это пища, которая питает SEO, а ссылки - это запах, который заставляет его есть. (т.е. поисковые системы и их трафик). Вот почему важно слушать ваш SEO в дополнение к желанию чего-то красивого.

Если ваша компания зависит от SEO, то люди теряют свою работу, если вы будете оштрафованы из-за того, что вы пытались скрыть или уменьшить контент, чтобы сделать что-то красивым или сбалансированным. Красивый сайт бесполезен, если его никто не видит, а значит, вы не зарабатываете деньги. Если там никого нет, вы не зарабатываете деньги. Если вы можете скрыть контент для UX, убедитесь, что вы знаете, как его найти, и не пытайтесь смешать его с дизайном.

Конец разглагольствования.

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

Уменьшение изображения (не размер, а количество)

Скорость очень важна, как и UX. Добавить тепловые карты ( вот тот, который я использую ) на ваш веб-сайт и на мобильную версию и внимательно изучите их. Какие изображения видны, но не используются? Может быть, они просто лишние, возможно, некоторые из них сидят внизу страницы и их игнорируют, может быть, они там, потому что вы надеялись направить трафик через них, или просто потому, что они выглядят хорошо. Все это может увеличить время загрузки вашего сайта и потенциально повредить вашему мобильному SEO.

Чтобы определить, какие изображения нужно удалить, спросите себя:

• Что не используется (вы всегда можете проверить альтернативные версии, если вы пытаетесь получить клик)
• Что не важно для реального процесса продаж
• Какие изображения получают клик, а затем заставляют человека уходить, а не конвертировать
• Какие изображения получают клики, но не участвуют или не добавляются в воронку продаж
• Сколько изображений на самом деле важно для UX и что там, чтобы выглядеть красиво

Просматривая этот список и думая о том, что не важно и не используется, вы можете начать извлекать изображения, которые не добавляются в UX или воронку продаж и присутствуют только потому, что кто-то считает, что они выглядят симпатично. я очень рекомендую этот инструмент найти и проверить это.

Уменьшение изображения (по размеру)

Одним из самых быстрых и простых способов выиграть время загрузки является уменьшение размера ваших изображений. Есть множество способов сделать это. Ниже приведены некоторые вещи, которые мы делаем с нашими клиентами.

• Типы файлов (изменение логотипов и значков на svg, определение того, что должно быть .png против .jpegs для ваших изображений, которым требуется более высокое разрешение и т. Д.)
• Сожмите их (не просто полагайтесь на свое программное обеспечение для редактирования, приобретите сторонний компрессор и посмотрите, смогут ли они еще больше уменьшить их)
• Ленивый загрузить их (хотя это не хорошо для поиска изображений (что спорно), это может сократить общее время загрузки страницы)

АМП

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

Google проделал большую работу, предоставив вам простое руководство и если вы используете WordPress, существует множество плагинов, которые автоматически создают AMP-версии вашего сайта. AMP в основном убирают все, что не имеет отношения к контенту и основному UX, например, дизайн фона и некоторая избыточная кодировка.

Мы должны ожидать, что AMP сильно изменятся в течение следующих нескольких лет, но важно то, что у вас есть по крайней мере какая-то версия AMP, готовая к работе. Вы также хотите убедиться, что ваши пользователи могут переходить с версии AMP на ваш мобильный или адаптивный сайт, чтобы вы могли привлечь людей на ваш реальный сайт вместо того, чтобы видеть версию AMP на серверах Google.

скорость

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

Другие вещи, которые вы можете сделать, включают в себя:

• Уменьшите лишний код (уменьшите его)
• Перемещение всего встроенного из Javascripts и семейства шрифтов / размеров к изображениям вызовов (это также уменьшает общий код)
• Удалите лишние JavaScript, пиксели и код, который вы больше не используете или не нуждаетесь
• Разместите все в своем CSS и HTML
• Включить сжатие и кэширование
• Используйте Gzip для доставки страницы
• Определите, что загружать или начинать загрузку первым (т.е. выше сгиба и ниже сгиба)

CDN

Если вы не используете сеть доставки контента или CDN, вам нужно начать. CDN - это способ обслуживания веб-сайта с сервера, который находится ближе к местоположению человека, обращающегося к вашему сайту. Если вы находитесь в Японии и получаете сайт с американского сервера, то теоретически это занимает больше времени, чем для локального сервера. Если у вас есть CDN по всему миру, он может загрузить ваш сайт из Японии, а не из США, и у вашего нового посетителя все будет быстрее. Они стали стандартными для многих хостов, так что пишите в свою хостинговую компанию и посмотрите, есть ли у вас один. Если нет, спросите их, как сделать так, чтобы ваш сайт проходил через него.

входные

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

Если это серия цифр (запись кредитной карты), вы можете показать клавиатуру с цифрами и символами вместо версии с буквами. Если это адрес электронной почты, вы можете использовать ввод для отображения клавиатуры с символом @ и конечной клавишей .com. Если это месяц и год, вы можете использовать ввод, который показывает эти поля в свитке. Это действительно легко сделать, и они не используются так часто, как могли бы быть для каждого поля. В будущем они могут легко стать сигналом ранжирования, поскольку они обеспечивают лучший UX для мобильных пользователей и легко видны поисковым системам.

Лайтбоксы или рекламные вставки

Я в основном освещал это в своем посте о рекламные ролики и быть SEO-дружественным , Прочтите этот пост и возвращайтесь.

Загрузите наши подсказки приложений

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

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

Вместо того, чтобы предлагать свое приложение немедленно, предложите его после того, как человек закончит оформление заказа. Вы можете сделать это внизу страницы после длинного поста, или вы можете сделать это по электронной почте в подтверждение после размещения заказа. То, что вы не хотите делать, - это пытаться навязать это человеку или требовать доступа к контенту, который Google пытался показать посетителю. Это потенциально плохой UX с точки зрения Google.

Мобильные обратные ссылки (это больше теория)

То, что Google сканирует мобильный сайт как основной, не означает, что обратные ссылки на мобильный сайт должны создаваться. Если вы хотите знать о обратные ссылки, прочитайте этот пост , Теперь давайте рассмотрим, почему создание ссылок на мобильную версию, вероятно, плохая идея.

1. Это неестественно. Мобильный контент обычно отображается только на мобильном устройстве. (Я видел несколько страниц AMP на моем рабочем столе и в фиде Facebook, но это редкое исключение). Сообщения в блогах и журналисты, скорее всего, не пишут статьи со своего мобильного устройства. Если бы они перелистывали страницу или ссылались на вас, они обычно ссылались бы на ваш основной сайт, а не на мобильную версию. Подумайте о том, как трудно добавить ссылки и т. Д. С телефона или даже написать реальную запись с телефона. Если это редактор большого новостного сайта, скорее всего, они пишут за столом и найдут настольная версия, а не мобильная. Это может измениться по мере развития технологий, но на данный момент, если кто-то размещает ссылки на сборки на вашем мобильном сайте, вы можете отложить его на задний план, поскольку это, вероятно, выглядит неестественно, а чрезмерное количество может привести к неестественному штрафу за ссылки.
2. Увидеть мобильную версию с рабочего стола странно. Если кто-то читает статью с настольного компьютера и нажимает на мобильную версию вашего сайта (особенно электронную торговлю), это странный опыт. Крайне маловероятно, что какой-либо разумный или авторитетный сайт будет ссылаться на мобильную страницу (особенно сайт электронной коммерции) из статьи или поста. Это восходит к моей точке зрения о наличии естественных ссылок. Это не относится к отзывчивым, так как мобильная версия будет автоматически перенаправлять на правильно отформатированную страницу.
3. Есть исключение. Если ваш сайт построен почти на 100% для мобильных устройств, таких как Instagram или фото-сайт, то есть шанс, что вы действительно создали мобильный сайт без каких-либо намерений работать на компьютере. Тем не менее, вы, вероятно, закодировали его изначально без m. потому что он создан для просмотра на мобильном устройстве, так что вы на самом деле не создаете ссылки на мобильные сайты.

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

Другой

Есть и другие вещи, которые вы хотите проверить, например, убедиться, что перенаправления типа вашего устройства установлены. Вы можете сделать это несколькими способами (выполните поиск «перенаправления типа устройства», и вы найдете несколько сценариев копирования и вставки). Они просят ваш веб-сайт посмотреть на пользовательский агент и определить, какую версию вашего сайта показывать. Это довольно стандартно, но кое-что нужно перепроверить. Также необходимо убедиться, что если кто-то нажимает на изображение, вы не оставляете его на странице, на которую он не может щелкнуть назад. Это может привести к тому, что они закроют сеанс, и вы потеряете посетителя, прежде чем он сможет конвертировать. Вы также должны убедиться, что ваши видео могут быть легко приостановлены или отключены, а также другие вещи для UX. Все они важны для мобильного UX, но, возможно, не так важны для мобильного первого индекса.

Если вы думаете, что я что-то упустил, пожалуйста, оставьте комментарий ниже. Еще раз спасибо за чтение и дайте мне знать, если я могу чем-нибудь помочь.

Похожие

Комментарии