Все заказывают пластиковые карты у нас
Сравнить цены закажите просчет заказа в компании
«Пластикана»
Онлайн заказ или звоните по телефону
+7 (495) 229-43-70

Новости

Купить ЖД билеты просто

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

Расписание поездов Херсон

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

Где купить билет на Укрзализницю

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

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

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

Ссылка
В процессе разработки сайта выстраивается цепочка из людей, которые отвечают за определенные этапы его создания. Но мало кто знает, чем на самом деле занимается его «сосед по парте». В создании сайта

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

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

Клиники Москвы
Рак, пожалуй, одно из самых страшных заболеваний человечества. Причём страшное сразу во многих смыслах: слово «рак» часто звучит как смертный приговор, и никакое другое заболевание не вызывает столько

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

Что такое AMP (Google AMP HTML) и как настроить на своем сайте [учебник]

  1. Что такое AMP?
  2. Какие типы сайтов могут использовать AMP?
  3. Настройка AMP на вашем сайте
  4. Ознакомьтесь с пошаговыми инструкциями по настройке AMP в WordPress.
  5. Как проверить HTML AMP
  6. Как отслеживать индексацию и доступ к страницам AMP
  7. заключение

AMP расшифровывается как «Ускоренные мобильные страницы» - это страницы сайтов, оптимизированные для упрощенной и практически мгновенной загрузки при доступе через мобильные устройства. Проект является инициативой таких компаний, как Google, LinkedIn, Pinterest и Twitter.

«Сегодня Apple собирается изобрести телефон».

Используя эти слова, более 10 лет назад Стив Джобс представил миру iPhone, который никогда не был прежним. Это был не просто iPod и телефон с доступом в Интернет, но устройство, которое произвело революцию на рынке, разрушило бизнес и создало новый мир на ладони.

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

В 2012 году доля бразильцев со смартфонами составила 14%, согласно Google , В 2016 году этот показатель составил 62%. Прогноз сделан в опрос медиа-агентства Zenith является то, что к 2017 году 75% Интернета во всем мире будет через мобильные устройства.

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

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

Так как он всегда поднимал флаг «сначала мобильный», Google представил в конце 2015 года AMP Project совместно с другими технологическими компаниями, такими как LinkedIn, Pinterest и Twitter.

индекс

Что такое AMP?

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

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

По сути, страница AMP имеет архитектуру, которая определяет приоритет скорости загрузки страницы. Эта архитектура делится на 3 разные конфигурации:

  • AMP HTML: другой HTML-код с ограничениями и расширениями, выходящий за рамки базового HTML. Большинство ваших тегов - это обычный HTML, но некоторые заменяются на специальные теги AMP;
  • AMP JS: отвечает за быстрое отображение страниц AMP. Его основная функция состоит в том, чтобы сделать асинхронным все внешнее, чтобы ни один элемент страницы не мог блокировать отображение другого;
  • Google AMP Cache: необязательно, но сохраняет все страницы в AMP HTML, кэшированные на серверах Google, и автоматически повышает их производительность. Другие компании могут также разработать свой собственный кэш AMP.

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

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

советы по улучшению скорости загрузки вашего сайта   и избежать этого негативного оповещения на вашем сайте)

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

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

<link rel = "amphtml" href = "http://www.example.com/post-example/amp/">

Какие типы сайтов могут использовать AMP?

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

Согласно сайт проекта Технология открыта для всех, кто участвует в экосистеме: для издателей, потребительских платформ и создателей. Цель состоит в том, чтобы работал весь опубликованный контент (от новостей до видео, блогов, фотографий, GIF-файлов). Поскольку это инициатива с открытым исходным кодом, любой может получить доступ и применить настройки. Можно даже быть частью проекта и содействовать улучшениям.

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

Настройка AMP на вашем сайте

Некоторые платформы Content Management System (CMS) также уже имеют плагины и интеграции для легкой настройки, включая WordPress (вы можете проверить полный и обновленный список здесь ). Но сайты, которые используют платформы, которые еще не имеют этой интеграции или не используют какой-либо тип, также могут применяться.

Ознакомьтесь с пошаговыми инструкциями по настройке AMP в WordPress.

1. Войдите в панель WordPress своего сайта, перейдите в меню плагинов и нажмите «Добавить новый»;

2. Чтобы иметь больше параметров и улучшений конфигурации, таких как отслеживание данных в Google Analytics, ввод структурированных данных и использование Google Tag Manager, установите и активируйте плагин AMP для WP - Ускоренные мобильные страницы ;

3. Чтобы настроить Google Analytics, в панели управления WordPress перейдите к AMP, нажмите Analytics и введите код отслеживания для своей учетной записи Analytics;

4. Чтобы настроить внешний вид ваших ускоренных страниц, в области AMP нажмите «Дизайн» и «Запустить Post Builder»;

5. На новом открытом экране нажмите «AMP», «Внешний вид», выберите информацию, которую вы хотите сохранить на ускоренных страницах, отредактируйте цвета в соответствии с вашим брендом и вашим сайтом и сохраните изменения;

6. Теперь, когда вы уже настроили основы AMP, мы рекомендуем вернуться к панели WordPress, получить доступ к меню AMP, просмотреть каждый элемент, доступный для настройки и редактирования, в соответствии с вашим сайтом и вашими потребностями;

7. Чтобы узнать, какой была конечная версия публикации AMP, даже на компьютере, перейдите к ней и добавьте «/ amp» в конце URL-адреса (например, yoursite.com/example-of-publication/amp).

Если вам нужно настроить AMP HTML без использования WordPress или другой CMS, на официальном сайте проекта есть полное пошаговое руководство со всем необходимым для успешного применения, которое вы можете доступ здесь ,

Как проверить HTML AMP

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

Чтобы проверить правильность HTML AMP, просто откройте инструмент AMP Validator вставьте ссылку на страницу AMP (добавив «/ amp» в конце URL-адреса) и нажмите «Подтвердить». Если отображаемое подтверждение состояния - PASS, настройки кода в порядке.

Если отображаемое подтверждение состояния - PASS, настройки кода в порядке

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

Чтобы облегчить исправление, инструмент представляет чуть ниже статуса список с найденными ошибками

Удалось ли вам проверить код страницы? Теперь необходимо отследить индексацию в Google и оценить ее эффективность.

Как отслеживать индексацию и доступ к страницам AMP

После всей работы по разработке версии страницы AMP пришло время отследить индексацию страниц в результатах поиска Google и ее результатах в Google Analytics.

Чтобы отслеживать, индексируются ли страницы, у вас должна быть учетная запись на Google Search Console , Если вы не знаете инструмент или еще не создали учетную запись для своего сайта, прочитайте статью Консоль поиска Google: полное руководство по использованию на практике и узнать больше об этом.

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

Если вы сделали настройку для Google Analytics Вы также можете отслеживать производительность страницы, поскольку в URL есть / amp для разграничения.

Самый простой способ оценить производительность страниц в версии AMP при доступе к Google Analytics - в меню отчетов о поведении, нажав «Содержимое сайта» и «Все страницы». Затем введите «/ amp» в поле поиска, чтобы отобразить только страницу такого типа, как показано на рисунке ниже. Выберите нужный период и сравните производительность каждой страницы AMP.

Выберите нужный период и сравните производительность каждой страницы AMP

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

заключение

Скорость загрузки сайта чрезвычайно важна для пользовательского опыта и вашего SEO ,

Более быстрые сайты способствуют качественному опыту и продают больше. второй Поиск Google страница может занять до 10 секунд для загрузки может иметь увеличение отказов до 123%. Уменьшая среднее время загрузки страницы до 2,2 секунд, Firefox увеличился на 15,4% в загрузках.

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

Теперь, когда вы знаете, что такое AMP, как его установить и каковы его преимущества, просто включите его, а затем прокомментируйте здесь свой опыт!