AMP-страницы: преимущества и недостатки, способы подключения

8 августа 2018

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

Что такое Google AMP? Accelerated Mobile Pages, или ускоренные мобильные страницы, – это открытый стандарт для создания веб-страниц нового формата, которые быстро загружаются на мобильных устройствах в удобном для просмотра формате. Технология создана независимыми разработчиками, поддерживается большинством контент-платформ (Google Поиск, Pinterest, Medium Twitter, Feedly), ведущими издателями и поставщиками рекламных технологий. Использование инструмента актуально для всех контентных сайтов, заинтересованных в наращивании целевого трафика.

Как настроить AMP

Настройки AMP не представляют сложности и выполняются быстро.

• Индексирование AMP роботом Google.

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

Если на сайте имеется AMP-версия веб-страницы, настройки выполняются следующим образом:

• добавьте ссылку на страницу AMP на обычную веб-страницу, чтобы робот Google узнал о ней: https://www.example.com/url/to/amp-version.html;
• добавьте ссылку на страницу AMP на каноническую версию обычной страницы https://www.example.com/url/to/regular-html-version.html.

Страницы AMP, не имеющие обычных версий, следует указать как канонические <link rel=canonical href=https://www.example.com/url/to/amp-document.html />. Робот Google проиндексирует данные страницы, если обнаружит их. Главное, чтобы страницы были указаны в файле Sitemap.xml, либо на них ссылались другие индексируемые страницы.

После завершения настроек убедитесь, что страницы AMP не заблокированы от робота Google в файле robots. txt.

•Проверка нахождения AMP роботом Google.

Страницы AMP, найденные Google, указаны в Search Console, в отчете «Ускоренные мобильные страницы». Чтобы просмотреть отчет, выберите «Вид в поиске», далее − «Ускоренные мобильные страницы». Если страницы AMP созданы только что, увидеть их в отчетах можно будет через несколько дней.

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

• Допуск AMP к показу в Google Поиске.

К показу в Google Поиске допускаются только правильно настроенные страницы AMP. Проверить корректность настроек можно с помощью инструмента AMP Validator или расширения Chrome. Можно использовать автоматизированные методы, например, скрипты cron.

Рекомендуется включать в страницы AMP структурированные данные формата JSON-LD. Это особенно актуально для издателей новостей: специальные свойства разметки позволят занимать особые места в результатах поисковой выдачи. То есть правильная разметка новостей позволяет показывать их в блоке ссылок либо в карусели «Главные новости».

Преимущества и недостатки AMP

Главное преимущество AMP – ускорение загрузки страниц на мобильных устройствах на 15−85 %, достигаемое за счет значительного уменьшения объема данных и кэширования контента.

Для ускоренной загрузки страниц пользователям с медленной передачей данных Google предоставляет свою сеть доставки и дистрибуции контента по географически распределенным серверам.

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

Google AMP имеет определенные недостатки. Данные о целевых посетителях, переходящих на страницы AMP из поисковиков, не попадают в сервисы статистики, в том числе в Google Analytics. Чтобы получать статистические данные, необходимо использовать готовые плагины либо добавить код отслеживания вручную.

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

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

Как внедрить AMP на сайте

Google AMP может использоваться на любом сайте. ([a-zA-Z0-9-]+)([/]*)$ https://example.com/$1/amp [L,R=302].

Drupal-сайты

Используйте AMP-модуль (https://www.drupal.org/project/amp), АМР-тему (https://www.drupal.org/project/amptheme) и АМР-библиотеку на PHP (https://github.com/Lullabot/amp-library).

После установки модуля формат АМР становится доступным для всех типов страниц и «отдает» их, если добавить к URL страницы «?amp» на конце. АМР-тема обеспечивает специфическую разметку и становится автоматически активной, если обращение идет к странице с «?amp» на конце. Тема может быть расширена подтемой, что позволяет кастомизировать выдачу АМР-страниц.

АМР-библиотека используется, когда пользователи вводят HTML в предусмотренные для этого поля, выдает предупреждение, если текст не соответствует АМР, и автоматически корректирует HTML-текст там, где это возможно.

Joomla-сайты

Возможность выдавать АМР-страницы обеспечивается использованием плагина wbAMP (https://weeblr. com/joomla-accelerated-mobile-pages/wbamp).

Владельцам интернет-изданий, не использующим готовые CMS, необходимо интегрировать AMP вручную по следующему алгоритму:

1. Создайте шаблоны страниц в формате AMP (код основных шаблонов следует переписать с использованием amp-тегов).

2. Отключите динамические элементы.

3. Задайте параметры шрифтов, изображений и стилей согласно требованиям AMP. Стили ограничены размером в 50 КБ и выносятся в отдельный тег style amp-custom. Высота и ширина графических элементов прописываются внутри HTML-документа. Шрифты загружаются по ссылке либо при помощи CSS @font-face.

4. Масштабируйте шаблоны с помощью автоматического алгоритма либо вручную.

5. Настройте аналитику с помощью отслеживающего пикселя или разновидности кода Google Analytics.

6. Протестируйте валидность с помощью AMP Test. Специальный тег в коде основной страницы указывает на AMP-страницу сайта.

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

Если вы хотите продвинуть свой сайт в ТОП поисковой выдачи, тогда записывайтесь на  курс по SEO-оптимизации.

---

Статью подготовил Дмитрий Медведев,  ведущий спикер Webcom Academy.

Поделиться с друзьями:

что это такое и как влияет на SEO

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

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

Немного матчасти: что такое AMP и как все работает

AMP (Accelerated Mobile Pages) – это проект от Google, который представляет собой технологию ускоренной загрузки мобильных страниц. После нажатия пользователем на URL в выдаче, сайт загружается практически мгновенно. Запущен проект был еще в феврале 2016 года.

В основе технологии AMP лежит использование нескольких технических решений:

• контент кэшируется на серверах Google и загружается оттуда, а не с сервера, на котором располагается сайт;
• исходный код реализуется на AMP HTML/JS, все максимально упрощено, страница по сути содержит только текст, изображения и ряд виджетов;
• все CSS-стили встроены и ограничены по размеру, скрипты выполняются асинхронно;
• AMP CDN (Content Delivery Network) кэширует повторяющиеся элементы страниц, такие как панель навигации, блоки структуры и т. д.

Примеры AMP-страниц найти легко – в поисковой выдаче Google, сниппеты с такими результатами обозначаются значком молнии:

Также в URL присутствует слово /amp/. Например, можете наглядно сравнить две версии одной и той же страницы русской службы BBC – обычную и AMP:

• https://www.bbc.com/russian/news-49832597
• https://www.bbc.com/russian/amp/news-49832597

Особенно интересно, если сравнить результаты по скорости загрузки через Google PageSpeed Insights:

Как внедрить AMP-страницы на сайте

Сложность реализации в плане времени и денег, как это часто бывает, зависит от используемой вами CMS. Если сайт работает на популярном движке, скорее всего, для него уже имеются готовые решения в виде специальных плагинов/модулей. Например, для WordPress есть AMP для WP и Better AMP.

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

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

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

Преимущества AMP-страниц для SEO

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

• Повышение скорости загрузки. Основное преимущество, которое дают AMP-страницы, обеспечивая практически мгновенную загрузку страницы, даже если пользователь использует мобильный 3G.
• Улучшение пользовательского опыта. Как минимум, он должен улучшится за счет того, что люди получают доступ к контенту гораздо быстрее. Также упрощенное отображение страницы будет плюсом для сайтов с перегруженной версткой или сложной навигацией. Больше посетителей захотят прочитать страницу полностью, а не уйти сразу.
• Возможный рост прибыли от рекламы. Если сайт монетизируется через Google AdSense и другие подобные системы, на AMP-страницах они будут отображаться вполне нормально. А так как отвлекающих факторов в плане оформления станет меньше, то и CTR рекламных блоков может вырасти. Ну и чем быстрее загружается ваша реклама, тем больше людей ее просмотрит.
• Бонус для новостных сайтов. Во-первых, сайтам с высокой посещаемостью это может позволить снизить нагрузку на сервер, так как по факту ее примут на себя серверы Google. Также, AMP-страницы получают больше показов в карусели новостей, которая отображается в верхней части выдачи Google на мобильных устройствах. Да и значок молнии в сниппетах сам по себе привлекает внимание.

Недостатки использования AMP-страниц

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

• • Проблемы с брендированием. Если для вас важен дизайн и брендированные элементы, в случае с AMP вас ждет разочарование. Все ускоренные страницы выглядят очень похоже с минимальными индивидуальными отличиями. В связи с тем, что страницы хранятся в кэше Google, в адресной строке браузера при открытии ускоренной страницы отображается адрес поисковой системы, а не URL сайта-первоисточника.
  • Ограниченная функциональность. Весь лишний код отсекается в угоду производительности, а это значит, что не только кастомные доработки, но и большая часть привычного функционала более-менее сложных сайтов на AMP может просто не работать. Это особенно актуально для технически сложных сайтов и интернет-магазинов.
  • Сложности с аналитикой. Для отслеживания через Google Analytics и Google Search Console придется заморочиться с дополнительными настройками, не говоря уж о более тонких вещах, которые предусматривают многоуровневые ходы с подключением скриптов к отдельным элементам сайта. Возрастает вероятность допустить ошибку, которую можно заметить далеко не сразу.

• Монетизация. С Google AdSense все работает отлично, но это и неудивительно, так как эти технологии принадлежат одной и той же корпорации. А вот как будет выглядеть ситуация по отношению к другим способам монетизации – под вопросом.
• Дополнительная трата ресурсов. Для кого это может стать наибольшим минусом, ведь далеко не над всеми сайтами работают команды, да еще и со свободным бюджетом. Внедрение AMP может потребовать оплаты услуг разработчиков, и за дополнительными версиями страниц придется опять-таки постоянно следить, чтобы ничего не слетело.
• Определенная потеря контроля над сайтом. Не всем нравится идея, что весь контент сайта будет храниться на серверах Google, который еще неизвестно как им распорядится в будущем.

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

Влияние AMP-страниц на позиции и трафик, и для кого это актуально

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

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

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

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

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

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

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

А вы уже внедряли AMP на своем сайте? Расскажите о своем опыте в комментариях.

ускоренных мобильных страниц: они того стоят?

Был официально представлен Google Mobile-first индекс, и вы, возможно, получили уведомление от Google Search Console о том, что некоторые из ваших веб-сайтов официально регистрируются в индексе.

Индекс Mobile First имеет приоритет над традиционным индексом Google для настольных компьютеров и будет отображать наиболее подходящие результаты в зависимости от устройства, на котором выполняется поиск.

Это еще больше стимулирует веб-мастеров к внедрению полностью адаптивного дизайна, персонализированного для пользователей на любом устройстве.

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

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

• Скорость веб-страницы является фактором ранжирования в индексах Google для мобильных и настольных компьютеров
• 1-секундная задержка скорости веб-страницы может снизить конверсию на целых 7 процентов (Kissmetrics)
• Ходят слухи, что AMP является фактором ранжирования в их индексе mobile first (AMP был создан Google)

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

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

AMP: Где мы сейчас?

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

AMP-страницы больше не ограничиваются результатами карусели новостей.

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

Вот хронология важных новостей, связанных с AMP, за последние несколько лет:

• 24 февраля 2016 г .: Google запускает проект ускоренных мобильных страниц
• 20 сентября 2016 г .: Google включает AMP в свои результаты поиска
• 21 августа 2017 г. : завершен второй этап разработки AMP-объявлений
• 13 февраля 2018 г.: добавлены истории AMP
• 7 декабря 2018 г .: Выпущен официальный плагин WordPress

Разработка AMP для рекламы и целевых страниц еще не полностью завершена, хотя быстрый рендеринг сделал рекламу более быстрой, чем традиционная реклама через Google, а реализация gtag.js связывает рекламу AMP с событиями в Analytics и Google Ads.

Но AMP стал довольно популярным во всем мире. Результаты AMP теперь используются в Baigu, Sogou и Yahoo Japan. Сотни ведущих издателей со всего мира, в том числе Times of India и Slate, внедрили AMP для улучшения своих результатов обычного поиска.

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

Что такое ускоренные мобильные страницы?

Ускоренные мобильные страницы (AMP) представляют собой урезанные HTML-копии существующего содержимого веб-страницы, которые обеспечивают более быстрое время загрузки, чем стандартные документы HTML5. Веб-сайты могут обслуживать страницы AMP, внедряя тег rel=amphtml в свой HTML. Страницы с кодом AMP содержат трехэтапную конфигурацию AMP.

• HTML: Упрощенная и уникальная разметка традиционного кода HTML с уникальными тегами.
• JS: Используется для извлечения ресурсов и урезан для устранения ненужного рендеринга.
• CDN: Оптимизированная сеть, предназначенная для кэширования страниц и их немедленной адаптации к коду AMP.

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

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

Документы AMP также можно извлекать из библиотеки AMP непосредственно с исходного сервера. Библиотека AMP состоит из документа с AMP HTML и AMP JS. К сожалению, получение этих документов не всегда обеспечивает мгновенную скорость.

Вот фрагмент из SMX-панели об AMP, в котором содержится более подробная информация о том, что делает страницы AMP такими быстрыми:

Стоит ли переходить на AMP?

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

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

Отслеживание данных со страниц AMP через Analytics, Ads или даже DoubleClick по-прежнему довольно ограничено, хотя аналитика для этого растет.

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

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

Итак, стоит ли внедрять AMP на свой сайт? Не обязательно, но есть ощутимые преимущества. Я действительно думаю, что AMP очень полезен для издателей и будет играть важную роль в мобильном поиске в будущем, но если у вас нет легкого доступа к внедрению AMP с WordPress, вы можете просто придерживаться динамических страниц, обслуживаемых поверх адаптивного дизайна или мобильных устройств. страница.

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

Как настроить страницы AMP

С помощью Google Search Console или вашего HTML веб-мастера могут оптимизировать код AMP, чтобы сделать его более настраиваемым и отслеживаемым.

Веб-мастера могут обновить свой кеш AMP, используя запрос «update-cache».

Вот лишь несколько примеров того, как настроить HTML-документ AMP.

• amp-pixel: пиксель отслеживания
• amp-analytics: отслеживание аналитики
• amp-animation: добавить анимацию
• amp-access: платный доступ
• amp-dynamic-CSS-classes: динамические элементы CSS
• Реализация тега gtag.js позволяет отслеживать события в Google Ads и Search Console
• amp-iframe: отображать iframe
• amp-access-laterpay: интегрируется с LaterPay
• amp-list: загрузить данные и создать список
• amp-live-list: обновление контента в режиме реального времени
• amp-app-banner: фиксированный баннер

Полный список можно найти здесь.

Будущее за AMP

Из-за скептицизма в отношении самого Google и слабой маркетинговой кампании Google в отношении AMP большинство пользователей и веб-мастеров какое-то время не знали об AMP или не хотели его внедрять.

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

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

---

Мнения, высказанные в этой статье, принадлежат приглашенному автору и не обязательно принадлежат Search Engine Land. Штатные авторы перечислены здесь.

---

Добавьте Search Engine Land в свою ленту новостей Google.     

---

Похожие истории

Новое в поисковой системе

Об авторе

Что такое AMP-страница? Все об ускоренных мобильных страницах

Взгляды автора являются полностью его или ее собственными (за исключением маловероятного случая гипноза) и могут не всегда отражать взгляды Моза.

Возможно, в последнее время вы слышали термин «AMP». Что такое ускоренные мобильные страницы, что они означают для поиска и как вы можете подготовиться ко всему этому? На этой неделе British Whiteboard Friday, Уилл Кричлоу и Том Энтони из Distilled излагают все важные детали.

Нажмите на изображение белой доски выше, чтобы открыть версию с высоким разрешением в новой вкладке!

Транскрипция видео

Том: Привет, поклонники Moz, и добро пожаловать на британскую доску в пятницу. Мы снимаем это в лондонской штаб-квартире Distilled. Это основатель и генеральный директор Уилл Кричлоу. Я Том Энтони, руководитель отдела исследований и разработок, и сегодня мы поговорим об ускоренных мобильных страницах.
Воля…

Что такое ускоренная мобильная страница (сокращенно AMP)?

Уилл: Я рад, что ты спросил, Том. Итак, ускоренная мобильная страница (сокращенно AMP) — это проект от Google и Twitter , предназначенный для создания действительно быстрых мобильных страниц. По сути, это урезанная форма HTML , диетический HTML, если хотите. Том расскажет немного больше о фактических деталях этого.

Но, по сути, это HTML-страница, спроектированная так, чтобы быть очень легкой и очень быстрой загрузкой. Так что Google, Twitter и множество других компаний внедрили это — вроде как в ответ на такие проекты, как проект Facebook Instant Articles от Facebook и Apple News и так далее. Это разработано, чтобы быть открытым ответом. Так это с открытым исходным кодом , и в проекте есть всевозможные элементы открытости.

Что делает AMP таким быстрым?

Том: Абсолютно. Итак, как сказал Уилл, это похоже на диетический HTML. Так что определенные теги HTML вы просто не можете использовать . Такие вещи, как формы, которые отсутствуют. Вам также необходимо использовать упрощенную версию CSS . Вы можете использовать большую часть CSS, но некоторые части подпадают под передовую практику, и их просто нельзя использовать. Тогда JavaScript вообще запрещен . Вы должны использовать готовую библиотеку JavaScript, которую они вам предоставляют, и которая обеспечивает такие вещи, как отложенная загрузка.

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

Уилл, расскажешь нам, как это работает?

Как это работает на вашем мобильном устройстве

Уилл: Да, это диаграмма, которая у нас здесь посередине. Итак, мы все привыкли к этой идее обычной веб-страницы. Я назвал это WWW на диаграмме. Это обычная настольная версия страницы. В исходном коде, если у вас есть версия AMP, вы должны обозначить ее HTML-ссылкой rel AMP, которая указывает на вашу, которую мы называем «размещенной страницей AMP».

Итак, это страница в вашем собственном домене, созданная из этой урезанной формы HTML . Так что, если вы хотите увидеть это в действии, я упомянул Guardian здесь. Они были одними из первых референтных партнеров. Вы можете поставить /amp в конце любой новости на веб-сайте Guardian и увидеть HTML-код AMP. В отображении он связан со ссылкой AMP HTML в исходном коде.

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

Таким образом, когда вы на самом деле видите, что эти вещи появляются в результатах поиска Google, о чем мы поговорим чуть позже, версия, которая там появляется, обычно размещается на gstatic. com, другими словами, на кэшированном сервере Google. версия. И что особенно важно, оба из них, как тот, который вы размещаете сами, так и версия, которая кешируется в Интернете, возможно, даже другими людьми, обе из них будут содержать rel=canonical обратно к оригиналу. Это похоже. Это как альтернатива rel в мобильном мире.

Так что это быстро, потому что HTML урезан, но он также потенциально предназначен для того, чтобы эти вещи были битами контента, которые потенциально могут кэшироваться кем угодно без rel=canonical, указывающего на вас.

Том: Я думаю, стоит сказать, что даже в кешированной версии страниц Google сказал, что вы все равно сможете предоставлять свои собственные объявления. Мы пока не знаем подробностей об этом, но они создали платформу, на которой вы можете размещать рекламу с AdSense, Outbrain и большинства основных рекламных платформ, и вы все равно будете получать весь доход. Они не берут ничего из этого.

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

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

Влияние на поисковую выдачу

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

Сейчас только мобильный . Речь идет о мобильности. Он еще даже не запущен. Но в демонстрационной версии, которую мы видели, она отображается в виде карусели над обычными синими ссылками , как правило, для терминов, связанных с новостями, потому что большая часть этого сосредоточена на явном чтении содержимого. Люди, которые развернули это первыми, обычно были издателями новостей. Итак, вы ищете термин, связанный с новостями. Вы видите эту карусель перелистываемых изображений над синими ссылками. Нажмите на одну из них, она откроется очень быстро, в этом весь смысл, а затем вы сможете перейти на другую страницу AMP по пути.

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

Мы ожидаем, что это произойдет в ближайшее время. Последняя официальная строка Google, возможно, февраль 2016 года . Но, так или иначе, мы ожидаем увидеть это в мире довольно скоро.

Значит пока нет, но скоро будет.

Что мы можем сделать, чтобы подготовиться, Том?

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

Таким образом, чтобы проверить ваши AMP-страницы , вы на самом деле используете инструмент, встроенный в Chrome. Итак, если вы откроете инструменты разработчика в Chrome, там есть система — и вы можете найти ее на веб-сайте проекта AMP — где вы действительно можете перейти на страницу и попросить ее проверить: «Это страница AMP, «, и он сообщит вам о любых проблемах с этой страницей.

Итак, во-первых, создавайте AMP-страницы и убедитесь, что у вас это хорошо получается, а во-вторых, придумайте, как оптимизировать создание страниц. Если вы используете что-то вроде CMS или что-то в этом роде, то, очевидно, вы хотите, чтобы это было неотъемлемой частью вашего процесса продвижения вперед. Вы хотите, чтобы страницы AMP были чем-то таким, что все страницы или как можно больше страниц имеют AMP-версию этих страниц. Так что уже есть — для самых популярных CMS, таких как WordPress, уже есть плагины — вы можете уйти, вы можете скачать этот плагин, и в основном для многих страниц он сделает за вас большую работу по созданию эти AMP-страницы. Кроме того, очевидно, что если вы создаете свою собственную CMS, то вам следует уделить первоочередное внимание попыткам получить аналогичную функциональность в этой CMS.

Уилл: И сейчас самое время сделать это, потому что присутствие на запуске — это время, чтобы получить удовольствие от того, когда эти вещи появятся. Так что это много фона на нем.

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

Том: Стоит отметить, что на данный момент вы, очевидно, увидите только результаты демонстрации на этой странице. Так что можно только…

Уилл: Да, и на мобильном устройстве.

Том: И на мобильном устройстве, да.

Уилл: И затем это оригинал, главная веб-страница проекта, где вы можете найти репозиторий кода GitHub и все эти валидаторы и так далее, и мы написали здесь еще кое-что. Это ссылка на наш сайт.

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

This entry was posted in Популярное