Google AMP: Как это влияет на вашу видимость и трафик?

1. Что такое AMP?
2. Использование AMP
3. Преимущества MPA
4. 2. Это улучшает пользовательский опыт
5. 3. Это улучшает вашу видимость
6. 4. Это поощряет щелчок
7. 5. Это улучшает вашу конверсию
8. 6. Способствует позиционированию
9. Должен ли я переключить свой сайт на AMP?
10. Как сделать свой сайт AMP?
11. 1. Создать HTML-страницу в версии AMP
12. 2. Вставить изображение
13. 3. Изменить стиль CSS
14. 4. Обзор и проверка вашей страницы AMP
15. 5. Подготовьте свою страницу AMP
16. 6. Последний шаг: публикация
17. заключение

Когда мы знаем, что во Франции на мобильные устройства приходится 30% просмотра веб-страниц, и мы тратим более 1 часа в день на навигацию (против 3 часов 40 минут на компьютере), мы не можем отрицать, что мобильные телефоны революционизируют наши режимы просмотра веб-страниц. Следует признать, что эта доля навигации на планшете и смартфоне во Франции менее важна, чем в некоторых других странах, но ее рост продолжает подтверждаться с 22% в октябре 2015 года до 34% в марте 2017 года.

Это оправдать ожидания пользователей Интернета с точки зрения пользовательский опыт что формат AMP родился.

Возможно, это слово вам еще не знакомо, или вам интересно, подходит ли такой формат для улучшить вашу видимость , Если это так, эта статья для вас.

Что такое AMP?

Это инициалы английского термина «Ускоренные мобильные страницы», который относится к проекту AMP, запущенному в 2015 году по инициативе Google по оптимизации мобильных веб-сайтов .

Запустив этот проект с открытым исходным кодом, гигант Moutain View хотел остаться конкурентоспособным против Facebook «Apple News» и «Instant Articles».

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

Первоначально AMP выделяла только новости Google. Отныне это касается всех оптимизированных веб-страниц в результатах поиска.

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

Использование AMP

Сегодня у Google уже есть 600 миллионов ускоренных мобильных страниц .

58% страниц Google, отображающих новости, теперь делают это с форматами AMP

С сентября 2016 года Bing предлагает формат AMP через мобильное приложение для iOS и Android. Оптимизированные страницы могут быть отмечены значком молнии, похожим на значок в Google. На данный момент мобильная версия поисковой системы не заинтересована в поддержке AMP, но, может быть, скоро?

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

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

Преимущества MPA

1. Это уменьшает время загрузки

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

Страница AMP мобилизует меньшую пропускную способность, потребляя в 10 раз меньше мобильных данных.

По этим причинам отображение контента уменьшается или почти мгновенно. Согласно Google, загрузка оптимизированной страницы AMP занимает менее секунды, и, согласно заявлениям конкурента Bing, «в среднем загрузка страницы AMP на 80% быстрее, чем страница без AMP. ».

Слова Руди Галфи (менеджера по продукту проекта AMP от Google) подтверждают, что: среднее время загрузки страницы составляет 22 секунды в то время как он уменьшается до 0,7 секунды для страницы AMP .

2. Это улучшает пользовательский опыт

Согласно Webetsolutions, 40% интернет-пользователей покидают страницу, если загрузка занимает более 3 секунд.

Именно для решения этой проблемы Google решил создать AMP и таким образом улучшить пользовательский опыт .

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

3. Это улучшает вашу видимость

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

Кроме того, страница AMP с новостями может появиться в карусели новостей, расположенной в верхней части страниц результатов поиска.

4. Это поощряет щелчок

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

Таким образом, AMP влияет на рейтинг кликов.

По словам вице-президента и специалиста по SEO в Condé Nast (крупной американской медиа-группе), CTR страницы AMP увеличивается на 2% по сравнению с тем, который не принят в этом формате.

5. Это улучшает вашу конверсию

Сокращение времени загрузки способствует конверсии ваших посетителей. Фактически, согласно заявлениям Frenchweb, уменьшение среднего времени загрузки страниц сайта Etam на 0,7 секунды позволило увеличить коэффициент конверсии на 20% .

6. Способствует позиционированию

Официально AMP не имеет прямого влияния на ваше позиционирование в результатах поиска. Но косвенно да. Посмотрим почему.

При предпочтении клика Google будет использовать привилегированную страницу AMP, предоставляя ей лучшее позиционирование, чем страница, на которую нажимают меньше. Действительно, по словам начальника Condé Nast, страница, которая принимает формат AMP, улучшает ее положение в рейтинге Google на 5,6% .

Американская поисковая система предпочитает позиционирование страниц AMP, поскольку, имея сокращенное время загрузки (конечно, для предоставления соответствующего контента), пользователь будет стремиться продолжить просмотр сайта.

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

Должен ли я переключить свой сайт на AMP?

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

Кроме того, сайты, которые форматируют свои страницы с помощью AMP, не видят внезапного улучшения своего SEO .

Уже сейчас остается вопрос о праве собственности на контент , напоминающий кодированный HTML AMP (формат Google) и размещенный на серверах Google.

Тогда давайте не будем обманываться. Единственная цель американского гиганта - больше монетизировать свои решения. В настоящее время над результатами AMP не показываются объявления AdWords. Однако, если в настоящее время этот формат является бесплатным, он может содержать рекламу, которую Google не приносит никакого дохода. Как долго?

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

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

Как сделать свой сайт AMP?

Согласно Сайт Google, посвященный проекту Вот несколько советов по созданию страницы AMP.

1. Создать HTML-страницу в версии AMP

Вы должны скопировать / вставить приведенный ниже код на каждую html-страницу своего сайта. Содержимое между тегами <body> должно быть заменено вашим.

2. Вставить изображение

При вставке изображений используйте тег <amp-img> вместо <img>. Вот пример:

3. Изменить стиль CSS

Вы должны использовать тег <amp-custom> и указать размер для каждого элемента. В следующем примере все изображения имеют однопиксельную рамку.

4. Обзор и проверка вашей страницы AMP

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

Откройте каждую страницу локально в своем браузере и добавьте к каждому URL "#development = 1". Затем исправьте все ошибки с помощью консоли. Chrome DevTools консоль ,

5. Подготовьте свою страницу AMP

В некоторых случаях полезно иметь две версии (AMP и не-AMP) для некоторых страниц вашего сайта и связать их, указав их в заголовке ваших страниц.

Чтобы сделать это, вы должны добавить следующий код на страницу без AMP:

и этот следующий код в версии AMP:

Если у вас есть версия AMP для вашей страницы, в этом случае вы должны использовать этот тег:

6. Последний шаг: публикация

Теперь, когда ваша страница соответствует правилам AMP, вы можете опубликовать ее на своем веб-сайте или в своем блоге.

заключение

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

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

Статистические источники: