1. OneData.ru
  2. » »
  3. Что такое AMP страницы в Google и как их использовать?
Разработка 25-01-2017, 14:49 0 455

Что такое AMP страницы в Google и как их использовать?

Что такое AMP страницы в Google и как их использовать?В сегодняшнем руководстве рассмотрим, что такое AMP страницы в Google и как их использовать. Любой владелец собственного интернет – проекта задумывался над таким вопросом. Как оптимизировать интернет - проект для быстрого отображения на мобильных устройствах для людей с медленным интернет соединением. Особенно это актуально сегодня в связи с постоянным ростом мобильного контента. Для этого и была разработана эта технология. В результате ее использования трафик со смартфонов и планшетов на ваш интернет - проект будет расти. Рассмотрим, как это сделать более подробно.

Что такое AMP страницы в Google и как их использовать. Компания Гугл запустила специальный проект, который должен помочь пользователям смартфонов и планшетов с медленным интернетом. Актуальность этого вопроса в том, что современные интернет – проекты становятся все более «тяжелыми» и поэтому долго загружаются. Статистика говорит, что люди не хотят ждать загрузки интернет - страниц. Если информация не появилась на протяжении пяти – шести секунд, они, скорее всего, закроют этот проект. Как сделать так, чтобы пользователь на смартфоне или планшете дождался загрузки контента? Для этого нужно использовать АМР.


Что это такое


Это обыкновенный html, только с небольшими расширениями и некоторыми дополнительными элементами. Используется для мобильных интернет – проектов. Также необходимо отметить, что такие страницы имеют преимущества в плане продвижения и оптимизации. Кроме html – кода используются специальные скрипты javascript. Нет никаких ограничений при работе с css3. Если говорить простыми словами АМР – это страницы, которые специально разработанные для просмотра на планшетах и смартфонах, с применением технологии быстрой загрузки.

Важно! Если вы не хотите отдельно разрабатывать две версии интернет – проекта, изначально постойте интернет – проект на основе АМР. Но в плане продвижения лучше все-таки использовать две отдельные версии.

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

АМР состоит из трех технологий:
  • AMP HTML. Можно сказать, что это простой HMTL, но только используются новые теги, специально созданные для этого формата;
  • AMP JS. Это специальная библиотека для ускорения и управлением загрузкой ресурсов. Позволяет использовать упомянутые выше специальные тэги;
  • Гугл AMP Cache. Разработанная на прокси CDN. Распространяет все валидные AMP-страницы.


Важно! Есть платформы, которые поддерживают АМР, но для этого требуют от разработчиков использовать в исходном коде Schema разметку.


Рекомендации от Гугла


Как сообщают в компании, Гугл проиндексирует те АМР страницы, на которых есть ссылки с обыкновенных интернет – ресурсов. Поэтому если на вашем интернет – проекте есть две версии страницы нужно сделать следующее:
  • Добавить на обыкновенной странице ссылку на АМР страницу. Это делается, чтобы Гугл про нее узнал. Для этого между тегами head прописываем следующее: ;
  • Соответственно на АМР странице между тегами head прописываем ссылку на каноническую версию страницы при помощи такого кода: ;
  • Если у АМР страниц нет простых версий, указываем их как канонические: .

Если в исходном коде будет такой код, Гугл проиндексирует такие страницы.


Простая АМР страничка


Как уже отмечалось выше, любой документ АМР HTML имеет структуру, такую же, как и простой HTML, только с небольшими отличиями. Документ должен:
  • начинаться также как и простой html с doctype;
  • тег html amp;
  • содержать тег , указывающий на обычную HTML-версию документа;
  • содержать тег ;
  • содержать тег , который указывает и загружает библиотеку AMP JS.


В коде в основном используются HTML – теги, но некоторые из них заменяются специальными АМР – тегами. Например:
  • При работе с рекламой используется тег amp - ad. При необходимости в нем может быть размещен javascript;
  • Для работы с картинками нужно использовать тег, который называется amp-img;
  • Для счетчика посещений применяется тег под названием amp-pixel;
  • Для работы с видео используется тег под названием amp-video;
  • Тег под названием amp - pixel создан для подсчета просмотров;
  • Тег amp - twitter масштабирует твит в посте;
  • Тег amp - youtube предназначен для вставки видео с Ютубе.


Важно! Гугл внедрил специальный алгоритм для ранжирования интернет – страниц. Теперь он учитывает их показ на мобильных приложениях. В результате АМР страницы, созданные специально для просмотра на смартфонах и планшетах, будут иметь преимущество в ранжировании перед обыкновенными страницами.


Использование АМР на интернет – проектах, использующих СМС


Необходимо отметить, что внедрение АМР зависит от того, какая СМС используется на вашем интернет – проекте. Если вы пользуетесь Вордпресс, то в таком случае это делается при помощи специального плагина, который называется AMP WordPress. Скачиваем плагин с официального сайта Вордпресс, расположенного по адресу wordpress.org, устанавливаем и активируем.

Необходимо отметить, что этот плагин поддерживает только посты, а не интернет – страницы. Для того чтобы получить дополнительные возможности нужно использовать еще один плагин, который называется AMP for WP. Его тоже можно скачать с официального сайта Вордпресс. Это такое расширение для плагина АМР, поэтому его нужно устанавливать только после того, как будет установлен плагин АМР.

Для СМС Джумла используем плагин wbAMP, доступный по адресу weeblr.com. Найти его можно, перейдя в раздел под названием «download».

Важно! Рассмотренные плагины это самые первые, так как формат АМР разработан недавно. Со временем должно появиться много разных решений и плагинов для СМС.


Проверка кода


После того как АМР – код создан на вашем интернет – проекте, нужно удостовериться в том, что созданный код валидный. Иначе Гугл не покажет АМР версию в поисковой выдаче. Для этого воспользуемся валидатором от Гугла, расположенным по адресу validator.ampproject.org. Работает он очень просто. Вставляем код в специальную форму и далее вам будет показано, какие есть ошибки и как их нужно исправить.


Вывод


Итак, АМР это новая разработка, для того, чтобы контент на мобильных устройствах быстрее загружался. Активно поддерживается пока только Гуглом. Сам факт того, что сам Гугл разрабатывает эту технологию, говорит о том, что она будет поддерживаемая и используемая. Поэтому есть смысл подготовить под АМР свой интернет – проект.

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