Руководство AMP - Как Google ускоряет работу вашего сайта

  1. Как появился AMP и что?
  2. Преимущества и недостатки реализации ПМСП
  3. Как реализовать ПМСП
  4. Каково влияние AMP на SEO?

К 2010 году мы услышали слова «здесь, в Google, мы одержимы скоростью, в наших продуктах и ​​в Интернете» К 2010 году мы услышали слова «здесь, в Google, мы одержимы скоростью, в наших продуктах и ​​в Интернете». И они не единственные. И пользователи любят скорость. Одно исследование говорит, что 40% из них оставит загруженные страницы более чем за 3 секунды.

Рыночные требования увеличивались постепенно. Не так давно оптимизация сайтов для мобильных телефонов была просто глупостью для более требовательных веб-мастеров. Но после 2015 года, когда трафик, генерируемый мобильными устройствами, превышал трафик, генерируемый пользователями ПК, эта «претензия» стала обязательной.

Как появился AMP и что?

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

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

С технической точки зрения AMP реорганизовал способ создания мобильной веб-страницы. Это три аспекта:

AMP HTML: переосмысленная версия HTML, включающая команды AMP;
AMP JS: с помощью этой платформы JavaScript для мобильных страниц все внешние ресурсы загружаются в контролируемые порты, чтобы предотвратить перегрузку серверов при попытке одновременного получения нескольких команд;
AMP CDN (сеть доставки контента). Содержимое страницы, использующей AMP, будет «кэшировано», чтобы быть доступным как можно быстрее.

Протокол был официально запущен в феврале 2016 года, хотя о нем говорили в октябре 2015 года. Мы уже можем увидеть его в действии, поскольку страницы, использующие AMP, отмечены на странице результатов поисковой системы через логотип протокола. И результаты, кажется, благодарят как крупных издателей (используемых такими именами, как Financial Times, Wall Street Journal, The Daily Mail и т. Д.), Так и потребителей.

Преимущества и недостатки реализации ПМСП

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

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

Однако давайте сначала изучим преимущества реализации AMP в ядре кода вашего сайта:

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

Недостатки AMP

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

  • Доход от рекламы невелик - хотя AMP поддерживает рекламу, потенциал снижения доходов значительно уменьшается. Большинство страниц, использующих протокол, допускают определенный рекламный тег, который нелегко реализовать.
    Здесь мнения по-прежнему разделились. Некоторые аналитики утверждают, что повышенная видимость AMP вашего сайта, в результате, увеличит видимость рекламных объявлений.
    В то же время AdBlock, возможно, самое уродливое расширение онлайн-маркетологов, будет испытывать трудности с блокировкой рекламы, поскольку протокол перестает использовать JS, кроме ядра кода.
  • Статистика по аналитике будет «тонкой» - AMP поддерживает Google Analytics, но для каждой страницы, использующей протокол, требуется отдельный тег. Это займет много времени и повлияет на возможность мониторинга статистики сайта с помощью acribie.
  • Под маской производительности, на самом деле, находится кеш - Google не делает магического трюка, который внезапно загружает страницы очень быстро. На самом деле он сохраняет кэшированные версии страниц, использующие AMP, и когда посетители получают к ним доступ, он просто «обслуживает» их там.

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

Как реализовать ПМСП

Прежде всего, я рекомендую посетить учебник на сайте ampproject.org , Здесь вы узнаете, как создать страницу AMP из 0. Вы узнаете, как создать файл с расширением HTML AMP, как добавить изображение, предварительно просмотреть страницу и проверить протокол. Если вы готовитесь к созданию сайта, эти ресурсы особенно полезны, особенно для блогов и контент-маркетологов. Это кажется сложным процессом, но при правильной постановке дела будут сидеть.

Учебный пример - внедрение AMP в WordPress Учебный пример - внедрение AMP в WordPress

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

1. скачать WordPress AMP Плагин от Github.
2. На панели администратора в разделе «Плагины» нажмите «Добавить новый», а затем «Загрузить плагин».
3. Загрузите ZIP-файл, который вы скачали ранее.
4. Включить плагин (после установки появится кнопка «Активировать плагин»).
5. Чтобы проверить функциональность, добавьте в конце URL-адреса элемента на вашем сайте "/ amp /" (например, https://www.admarks.ro/greseli-seo/amp/ ).

После успешной установки плагина лучше всего проверить, указывает ли тег <rel = "canonical" основную статью, а не версию AMP. Позже проверьте, добавлен ли тег <rel = "amphtml" href = "AMP PAGE" в исходную статью.

Через несколько дней после установки плагина вы увидите ускоренные страницы для мобильных устройств в консоли поиска Google в разделе «Внешний вид поиска». Следующим шагом здесь является проверка ваших страниц. Процесс прост:
1. Используя Chrome, добавьте «# development = 1» в конце URL-адреса усилителя (в приведенном выше примере это будет https://www.admarks.ro/greseli-seo/amp/#development=1 ).
2. Щелкните правой кнопкой мыши на странице, затем нажмите «Осмотреть».
3. Теперь потребуется обновление.
4. На вкладке «Консоль» в окне «Проверка» мы должны найти текст «Проверка AMP успешна».

Теперь рекомендуется проверить страницу AMP с помощью инструмента тестирования структурированных данных, чтобы проверить схему разметки. Вот некоторые аспекты, которые следует учитывать, в зависимости от макета рассматриваемой страницы. Статья автора здесь предоставляет больше решений для любых ошибок, которые могут возникнуть.
Наконец, нам нужно проверить Google Analytics, используя следующие инструкции:
1. Перейдите к amp-wp-master / includes / amp-post-template-actions.php в админке;
2. Добавьте код в здесь ;
3. Измените имя учетной записи UA-XXXXX-Y на имя своей учетной записи Google Analytics.

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

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

Наиболее распространенными ошибками являются HTML-код. Как и в румынской песне: «Там, где нет HTML, нет и AMP». Ошибки программирования лишают вас всех преимуществ протокола. Учитывая сложность реализации, ошибки не могут быть исправлены. Если что-то не работает, вам придется проверить всю информацию, независимо от очевидной правильности. Учитывая большой объем кода, есть место для ошибок. Исправление ошибок HTML выполняется путем удаления недопустимых тегов и проверки используемых протоколов. Другие ошибки появляются в стиле. Очень важно включить атрибуты высоты и ширины для каждого отображаемого элемента. Таким образом, страница остается легкой для навигации. Хотя проблемы со стилем и макетом не имеют такой же частоты, как HTML, мы не должны их игнорировать. Желательно иметь в виду пользовательский опыт на сайте, а ошибки в функциональности и дизайне подвержены увеличению показателя отказов, что повлияет на рейтинг сайта.

Каково влияние AMP на SEO?

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

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

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

Чтобы создать оптимизированный контент для AMP, вы должны сосредоточиться на трех ключевых элементах:
1. Название должно быть креативным и интересным, но без лишних осветлителей - другими словами, отражать тему таким образом, чтобы привлекать пользователей;
2. Баннер на сайте - чем привлекательнее и оригинальнее, тем лучше;
3. Обратите внимание на первые 100 слов, так как именно они приведут пользователей к доступу к вашему контенту.

Таким образом, AMP - это технология, которая поражает «жажду» скорости Google и пользователей. Хотя это проект в начале пути, по которому мнения разделились, его нельзя игнорировать. Если мы что-то знаем о поисковом гиганте, мы знаем, что ему нравится участвовать в долгосрочных проектах. И я не думаю, что AMP сделает исключение. Однако еще неизвестно, как этот протокол будет реализован в электронной коммерции и SEO. Но реализация его там, где это возможно, может принести только дополнительную скорость, что является плюсом как для пользователей, так и для рейтинга вашего сайта.

Как появился AMP и что?
Как появился AMP и что?
Но как вы дойдете до этого уровня?
Что такое AMP?
В свете последних представленных проблем вы можете принять решение: я хочу или не хочу AMP для моего сайта?
Каково влияние AMP на SEO?
Почему бы не быть на шаг впереди?