Блог

 AMP HTML - ускорение сайта и еще кое что вкусное

AMP HTML - ускорение сайта и еще кое что вкусное

Казалось бы, все сделано, все ускорено, сайт продвинут и оптимизатор заскучал...

Что такое AMP?

Если далеко не отходить от мануала, то AMP - это способ создания быстро загружаемого мобильного контента (accelerated mobile pages), что является критичным для мобильных устройств с низко скоростным интернетом.

Основными элементами AMP являются:

  • AMP HTML
  • AMP JS
  • AMP CDN

AMP HTML

В принципе, AMP HTML не является чем то сверхъестественным, имеется всего несколько встроенных компонентов типа amp-img вместо img.

AMP JS

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

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

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

Но основным моментом, на который стоит обратить внимание, это является цитата из серч консоли Гугл:

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

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

Использование микроразметки SCHEMA.ORG в AMP страницах ничем не отличается от стандартной веб-версии, возможно размечать контент как при помощи атрибутов тегов, так и при помощи более продвинутого способа JSON LD.

Большинство сайтов, достигших ТОП 10, сталкиваются с проблемой дальнейшего развития, что сделать еще? Куда двигаться дальше? - Ответ прост, помогайте поисковикам, внедряйте разметку SCHEMA.ORG и AMP HTML!

Как заверяют разработчики Гугл, скорость загрузки сайта увеличится в четыре раза, а потребление трафика уменьшится в целых 10 раз. Это конечно относительные цифры, но они впечатляют.

arrow