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

Новости

Что такое 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, как его установить и каковы его преимущества, просто включите его, а затем прокомментируйте здесь свой опыт!

Похожие

Что такое SEO?
SEO расшифровывается как поисковая оптимизация. Поисковая оптимизация - это действие по повышению рейтинга вашего сайта по поисковым ключевым словам и фразам, которые относятся к вашему сайту / бизнесу. Знание основ SEO поможет вам лучше понять, как это улучшит ваше присутствие в Интернете. Проще говоря, это контроль качества для сайтов с помощью поисковых систем. Поисковые системы, такие как Google, Yahoo, Bing, будут сканировать или сканировать ваш сайт в поисках ключевых слов и фраз того,
Алгоритм Google: что такое панда, пингвин и колибри?
... чтобы сделать результаты поиска как можно более актуальными, начал препятствовать обману людей и попытался найти новые способы сделать результаты поиска более точными. Теперь Google Alogrithm находит сотни факторов для ранжирования страницы. Между тем, хорошие описательные заголовки (внутри тегов заголовков) помогут странице стать видимой в результатах поиска. Ранее обновление Алгоритма Google было нечастым, и это изменило бы первую позицию страницы, где большинство изменений было
SEO плагины: что лучше для WordPress?
... им о плагинах. Мы поможем вам выбрать лучшее из этого инструмента и, в особенности, помочь вам найти ваш сайт в Google. Интернет - это невероятный мир, полный возможностей и невероятных возможностей. Проблема в том, что у всех есть доступ, и все хотят появляться, что делает его все более и более заметным в поиске Google. Тем не менее, есть плагины для SEO, инструменты, которые помогут вам быть "найденным" в этой необъятности киберпространства. Есть несколько плагинов WordPress
Что такое AMP? Часто задаваемые вопросы о Google AMP
... нак молнии рядом с результатом в мобильной выдаче? Поздравляем! Вы были тронуты проектом Google AMP. AMP расшифровывается как «Ускоренные мобильные страницы» и был разработан «для значительного повышения производительности мобильного Интернета». Потому что у мобильного интернета плохая привычка быть очень, очень медленным. Что такое AMP? AMP или ускоренная мобильная страница - это легкая и урезанная HTML-страница. Мобильный пользователь
Как отзывы клиентов могут улучшить вашу SEO
... как вы можете максимально использовать эту возможность. Отзывы добавляют свежий, уникальный пользовательский контент на ваш сайт Мы знаем, что поисковые системы любят свежий, уникальный контент. Включение ваших
Как правильно использовать атрибут TITLE для ссылки
Использование атрибутов TITLE ссылки стало более популярным с появлением таких широко используемых скриптов, как WordPress, который по умолчанию дублирует ссылку на заголовок сообщения в своем атрибуте TITLE. Тем не менее, несмотря на то, что этот метод использования атрибута TITLE является обычным поведением, он является неправильным и раздражающим. Название не должно быть дублированием якорного текста (связанный пост:
Простое руководство по настройке перезаписи URL в Magento 2
... чтобы URL создавались логически и таким образом, который наиболее понятен людям ». URL-адрес, такой как https://abc.go.com/shoes/men, является более дружественным и читаемым как для поисковых систем, так и для пользователей, чем другой, например, https://abc.go.com/shoes/product/10. Поэтому, чтобы помочь каждому веб-сайту иметь лучший URL-ключ, введена технология, называемая перезаписью URL-адресов, с целью перезаписи плохих URL-адресов, превращения их в удобные, оптимизированные для сканирования
Что такое позиционирование сайта и что такое SEO?
... исимо от того, ведете ли вы блог, веб-сайт компании или интернет-магазин, вам нужно разместить его в Google. В США есть интересная тенденция, которая достигнет Польши в ближайшие несколько лет. Статистика ясно показывает, что люди имеют тенденцию делать покупки онлайн. В прошлом гипермаркеты способствовали падению многих мелких "лавочников". Теперь интернет может способствовать краху многих крупных магазинов. Что это значит для вас как владельца бизнеса? Мир движется к Интернету
Нужна ли моему бизнесу страница Google Plus?
... назвать основные платформы социальных сетей, Google Plus, вероятно, не был бы одним из них. Однако, несмотря на его низкую популярность, очень часто происходит что-то, что выдвигает Google Plus на первый план. Совсем недавно наши клиенты получили уведомление от Google, которое гласило: «Похоже, что страница Google+ для [название компании] давно не использовалась. Чтобы упростить вашу запись в Google Мой бизнес, мы удалим эту дополнительную страницу из нашей
Что такое SEM (поисковый маркетинг)?
... как краткосрочную выгоду, заключающуюся в том, что по прошествии длительного времени она практически не заработает. * Узнайте больше о теме здесь. Преимущества СЭМ Преимущества поискового маркетинга перед традиционной рекламой несколько: Актуальность: человек видит рекламу, когда ищет предмет; Низкая цена:
SEO веб-хостинг - Как провайдеры хостинга влияют на SEO
Влияет ли веб-хостинг на SEO и если да, что вы должны знать об этом? Ваш хостинг-провайдер, то есть компания, которая размещает ваш сайт, влияет на ваши усилия по SEO разными способами. Хороший хостинг-провайдер может помочь вам быстрее достичь ваших целей SEO, а плохой хостинг-провайдер может помешать вам. Чтобы перейти непосредственно к делу, позвольте мне сначала

Комментарии

Любой может показать вам, что такое SEO, как оно работает и что вы должны учитывать; Однако, как применить это к реальному миру?
Любой может показать вам, что такое SEO, как оно работает и что вы должны учитывать; Однако, как применить это к реальному миру? Для начала любая стратегия SEO требует предварительного анализа сети, чтобы узнать, с чего мы начали. С другой стороны, анализ результатов, отслеживание, выявление областей для улучшения и подготовка отчетов, которые вы можете сравнивать месяц за месяцем, - это важные аспекты, которые вы должны знать, как это сделать, если вы хотите, чтобы ваш бизнес развивался.
Что такое релевантный контент, какое это имеет значение и как вы можете использовать его для своего сайта?
Что такое релевантный контент, какое это имеет значение и как вы можете использовать его для своего сайта? Эти советы покажут вам, как это сделать! Как оптимально найти местные службы, которые предоставляют решения для чрезвычайных ситуаций? Лучшие советы для вашего маркетинга
Они могут включать такие вопросы, как "что такое SEO?
Они могут включать такие вопросы, как "что такое SEO?" Наконец, транзакционное исследование предназначено для выполнения действия, такого как покупка товара "дешевые черные ботинки" или поиск магазина / места "пиццерия Париж 15". Релевантность . Не все ключевые слова часто относятся к вашей основной деятельности. Может быть интересно установить шкалу релевантности, чтобы легче их классифицировать и знать, какие из них оптимизировать в первую
Что такое Google Plus (Google+)?
Что такое Google Plus (Google+)? Прежде всего, мне нужно кое-что прояснить: ваша страница Google Plus не является страницей Google My Business. Вы можете рассматривать свою страницу GMB как инструментальную панель, с которой вы управляете локальным присутствием вашей компании, а Google Plus - как место, где вы делитесь обновлениями и публикациями. Arcalea формулирует это довольно кратко:
Определите, что такое позиционирование сайтов?
Определите, что такое позиционирование сайтов? Концепция позиционирования страницы связана с поисковой системой Google. Каждый бизнес может быть описан с помощью ключевых слов. Люди вводят разные слова в поисковик. Дети гуглят в поисках резюме чтений, парни ищут информацию об автомобилях, а женщины занимаются серфингом в магазинах одежды. Это всего лишь несколько распространенных моделей, основанных на стереотипах. Люди вводят миллионы поисковых запросов ... И поисковая
Как вы будете управлять отзывами (как вы будете определять, где оставлены отзывы, какие термины вы будете смотреть и т. Д.)?
Как вы будете управлять отзывами (как вы будете определять, где оставлены отзывы, какие термины вы будете смотреть и т. Д.)? Как вы будете реагировать на негативные отзывы (каков будет процесс, как вы будете сохранять спокойствие, как вы будете обращаться с людьми, как вы будете решать проблемы)? Если вы ищете визуализацию где вы должны сосредоточиться
Какие случаи дублирования контента вы видели на своем собственном сайте, и какие методы вы используете для предотвращения дублирования?
Какие случаи дублирования контента вы видели на своем собственном сайте, и какие методы вы используете для предотвращения дублирования? Я с нетерпением жду ваших мыслей и вопросов в комментариях ниже.
Не только учитывайте содержание вашего сайта, но и - и это очень важно - что могут сделать люди на вашем сайте: купить?
Не только учитывайте содержание вашего сайта, но и - и это очень важно - что могут сделать люди на вашем сайте: купить? Сравнивать? Заказать? Собирать информацию? Слушаете музыку? Нет комментариев Фаза С: Затем вы дополните существующие упорядоченные списки ключевых слов вариантами найденных ключевых слов. Подумайте о множественном и единственном числе, синонимах и связанных с ними терминах и т. Д. На этом этапе вы также можете использовать данные из собственной статистики веб-сайта
Что такое обновление алгоритма Google?
Что такое обновление алгоритма Google? Как и другие поисковые системы, алгоритм Google является сложным, поскольку он пытается сделать поиск проще для пользователей. На ранних этапах фрагмент кода, называемый «мета-ключевые слова», рассказывал поисковым системам о содержании сайта.
Это традиционный ответ, который вы найдете в избранных фрагментах, когда вы Google "что такое SEO?
Это традиционный ответ, который вы найдете в избранных фрагментах, когда вы Google "что такое SEO?" И это не так - просто немного незавершено. Лучшим, более точным определением было бы «стратегии, тактики и методы, используемые для ранжирования в результатах поисковых систем по ключевым словам, используемым вашей целевой аудиторией, чтобы увеличить количество конверсий и охват». Подумайте об этом так: у вас есть пиццерия в вашем районе, поэтому вы оптимизируете свой сайт
Но как это влияет на мой SEO, что пользователи теперь ищут голосом, а не пишут, как это делали раньше?
Но как это влияет на мой SEO, что пользователи теперь ищут голосом, а не пишут, как это делали раньше? Простые люди не говорят так, как мы пишем. Но дело в том, что, кроме того, письменные поиски были специально обобщены: «купить сыр». С помощью голосового поиска пользователь имеет тенденцию использовать полные предложения, гораздо более похожие на то, что он использует в своей повседневной работе: «Где я могу купить хороший сыр в Мадриде». Задача SEO состоит в том, чтобы попытаться приспособиться

Что такое AMP?
Какие типы сайтов могут использовать AMP?
И результат?
Удалось ли вам проверить код страницы?
Но является ли AMP фактором рейтинга Google?
Нак молнии рядом с результатом в мобильной выдаче?
Что такое AMP?
Любой может показать вам, что такое SEO, как оно работает и что вы должны учитывать; Однако, как применить это к реальному миру?
Что такое релевантный контент, какое это имеет значение и как вы можете использовать его для своего сайта?
Что такое релевантный контент, какое это имеет значение и как вы можете использовать его для своего сайта?