Пользовательский JavaScript на AMP-страницах


Оглавление (нажмите, чтобы открыть):

Как добавить пользовательский JavaScript или внешние JS в странице AMP?

Я пытался добавить внешний файл JS в странице AMP, но AMP валидатор отклоняет его. Есть ли обходной путь для этого?

2 ответа

Возможно, для Вашего проекта будут необходимы бесплатные векторные карты. На нашем сайте представлены карты для всех стран.

AMP является способ создания веб-страницы быстрого рендеринга. Для того, чтобы достичь этого, AMP не поддерживает внешние JS. AMP имеет свою собственную библиотеку AMP JS для получения дополнительной информации КЛИКНИТЕ СЮДА

Существует обходной путь, используя амп-IFrame компонент, но, как упоминалось в предыдущем ответе, вся идея AMP является создание быстрых страниц рендеринга без внешних JS, так что я бы не рекомендовал его.

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

Добавить Javascript на AMP-страницах

Пожалуйста, помогите мне понять, как добавить JavaScript в AMP (Ускоренные мобильные страницы). Мое требование — я получаю идентификатор в URL. Например, localhost: 8080 / home? >

или, пожалуйста, дайте мне знать, как добавить любой файл JavaScript.

К сожалению, вы не можете добавить произвольные скрипты в AMP. Из спецификации в разделе «Теги HTML» для script тегов:

Запрещено, если типом является application/ld+json . (Другие неисполняемые значения могут добавляться по мере необходимости.) Исключением является обязательный тег сценария для загрузки среды выполнения AMP и теги сценария для загрузки расширенных компонентов.

Итак, если вы хотите использовать JavaScript от AMP, вы должны использовать предопределенные компоненты AMP. Я не вижу компонента, который делает то, что вы хотите.

Добавить Javascript на страницах AMP — javascript

Помогите мне понять, как добавить javascript в AMP (ускоренные мобильные страницы). Мое требование — получить идентификатор в URL. Например localhost: 8080/home? >

или, пожалуйста, дайте мне знать, как добавить любой файл javascript.

    1 5
  • 18 окт 2020 2020-10-18 21:40:57
  • Charan R

5 ответов

Пользовательский javascript запрещен на страницах AMP и является одним из основополагающих принципов AMP. Вы можете поместить пользовательские js в amp-iframe, если amp-iframe является xdomaind с главной страницы.

  • 18 окт 2020 2020-10-18 21:40:59
  • Brad Frizzell

По состоянию на 11 апреля 2020 года Официальное объявление,

теперь возможно использование JS внутри проекта AMP с компонентом amp-script .

Сначала вам нужно импортировать его в ваш проект:

  1. В верхней части файла импорта .html :
  1. Оберните элемент/элементы html компонентом amp-script :
  1. Теперь вы можете создать файл JS

Вы можете найти больше деталей и как это работает в AMP git repo amp-script.md

  • 18 окт 2020 2020-10-18 21:40:59
  • Blue Bot

Javascript блокирует построение DOM и задерживает рендеринг страницы, поэтому AMP допускает только асинхронный Javascript — страницы AMP не могут включать в себя какой-либо пользовательский Javascript. Интерактивные функции страницы могут обрабатываться в пользовательских элементах AMP вместо использования Javascript.

  • 18 окт 2020 2020-10-18 21:40:58
  • Deeksha Sharma

Насколько я знаю, вы можете добавить Javascript в AMP, разместив сценарий AMP по своему происхождению и перехватите запрос, чтобы получить скрипт с помощью Service Worker. Этот метод называется «AMP как PWA». Вот код

  • 18 окт 2020 2020-10-18 21:40:58
  • Ngoc Nguyen

К сожалению, вы не можете добавлять произвольные скрипты в AMP. Из спецификации в разделе «HTML-теги» для script тега:

Запрещено, если тип не является application/ld+json . (При необходимости могут добавляться другие неисполняемые значения.) Исключение — обязательный тег скрипта для загрузки времени выполнения AMP и тегов скриптов для загрузки расширенных компонентов.

Итак, если вы хотите использовать JavaScript из AMP, вам необходимо использовать предварительно определенные компоненты AMP. Я не вижу компонента, который делает то, что вы хотите.

Google AMP лучший способ написать тег JS-скрипта

Я прочитал всю документацию по тегу script, но не могу найти, как написать тег script на странице AMP HTML, хотя я знаю, что «script script запрещен, если тип не application/ld+json ». У них есть некоторые стандартные компоненты времени выполнения AMP и расширенные компоненты, которые содержат специальную форму для различных компонентов.

Я не мог найти конкретную форму для пользовательских js в HTML AMP. Вот мой тег сценария:

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

Javascript часто является причиной медленных веб-сайтов, поэтому страницы AMP не допускают их (за исключением самих сценариев AMP), хотя они пытались заполнить этот пробел компонентами amp, которые специально написаны, чтобы не замедлять работу.

Поэтому, если вы хотите использовать Javascript, у вас есть несколько вариантов:

  1. Не используйте AMP. Никто не навязывает это тебе.
  2. Удалите тег script из документа amp и живите без этой функциональности.
  3. Найдите компонент amp, который работает так же, как ваш JavaScript, и используйте его вместо этого. Не имея представления о том, что legaltext.js я бы догадался по названию, что он отображает какой-то юридический текст, такой как уведомление о cookie, так что, возможно, вместо этого будет работать amp-user -tification widget?
  4. Используйте свой Javascript в amp-iframe . Они разрешены на страницах с усилителями, но, вероятно, будут загружаться с более низким приоритетом, чтобы они не замедляли работу главной страницы.

Пользовательский javascript может быть вызван с помощью amp-iframe. Например.:

Хорошо, у меня была та же проблема, и лучший способ для меня — использовать iframe, который будет воспроизводиться асинхронно. Это означает, что вы можете решить это, например, так:

Серверная сторона api: GET-запрос (например, / api/frames/my-js-script-app). После звонка вы получите следующий код:

Добавьте рамочную библиотеку AMP в ваше приложение:

Теперь вы можете использовать в своем теле это:

Будьте осторожны с созданием API на вашем сервере. Для AMP-фрейма требуется связь https — это означает что-то вроде этого: https: // localhost/api/frames/my-js-script-app

Теперь amp будет визуализировать ваше приложение асинхронно, и все будут довольны :-))

Что Google AMP означает для JavaScript сообщества

Не думая о производительности веба, сообщество JavaScript ненамеренно проложило путь для AMP.

Проект Google Accelerated Mobile Pages (AMP) фокусирует текущие противоречия в Интернете как линза: мобильную революцию, надежную и устойчивую журналистику, монетизацию и рекламу контента, стандартизацию сети, производительность сети и монополию в области технологий.

Много сказано об AMP. В этом посте я не буду объяснять, что такое AMP, и я не буду повторять всю критику, которую он вызвал. Пожалуйста, ознакомьтесь с этими вводными статьями:

Проблема JavaScript


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

В 2005 году я писал: «Сегодня JavaScript застрял в серьезном кризисе, просто проверьте текущее использование JavaScript на предмет удобства, доступности и совместимости». Пользователи не были полностью уверены, что JavaScript используется в их интересах. Часть веб-подкованных людей даже полностью отключила JavaScript, а некоторые по-прежнему принимают такие меры для обеспечения производительности, конфиденциальности и безопасности.

Переместимся в настоящее. Эволюция веб-стандартов, продвижение JavaScript как языка с мощными API-интерфейсами устранили некоторые подводные камни. JavaScript является неотъемлемой частью интернета, но он используется ещё более неправильно, чем раньше. Самое главное, что JavaScript является основным узким местом производительности для предоставления веб-контента на мобильных устройствах с медленными соединениями и меньшей вычислительной мощностью.

Пользователь мобильного веба испытывает разочарование, и JavaScript, по крайней мере, частично виноват. К сожалению, проблема производительности JavaScript сложна. Вот неполный обзор:

  • Множество скриптов грузится с нескольких серверов. На некоторых сайтах скрипты сторонных сервисов преобладают и выходят из-под контроля.
  • Скрипты большие. Они генерируют сетевой трафик и тратят деньги пользователей.
  • Код сценариев, особенно код библиотеки и фреймворков, в основном не используется на странице. Одинаковый код загружается несколько раз.
  • Загрузка, анализ и выполнение скриптов блокирует загрузку и отрисовку самого важного контента.
  • Сценарии загружают контент отложенно, поэтому страница постепенно наполняется. Контент перескакивает, что ломает интерактивность пользователя и сажает батарею.
  • Выполнение скрипта использует ЦП, препятствуя взаимодействию с пользователем и истощая батарею.
  • Скрипты нарушают цикл рендеринга браузера, вызывая рывки и прерывания.
  • Скрипты по-прежнему нестабильны из-за сбоя сети, разных браузерных рантаймов и проблем совместимости.
  • Скрипты рекламы и аналитики собирают данные об устройстве, создают профиль пользователя и сохраняют его в локальном хранилище, нарушая конфиденциальность пользователя.

Важно понимать, что проблема JavaScript лежит в основе жалкого состояния производительности веба.

Оптимизация производительности отстаёт

Удаление этих препятствий производительности требует тщательного ручного анализа сайта. Это требует отдельной JavaScript разработки для анализа, сокращения и рефакторинга скриптов на сайте. Это непрерывный процесс для часто обновляемых сайтов.

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

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

Google показывает свою рыночную силу

Google — крупнейшая компания, которая делает ставку на успех интернета. Google не только доминирует в поиске, но и в мобильных операционных системах, рекламе, картографии, веб-офисных инструментах, электронной почте, видео и аналитике. В основном Google продвигала интернет из системы доставки документов на платформу с богатыми приложениями под зонтиком «HTML5». Сегодня Google обладает почти абсолютной властью над интернетом и его техническим прогрессом.

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

Два шага необходимы, чтобы разрубить гордиев узел веб-производительности:

  • Экспертиза и средства для создания жизнеспособного решения.
  • Ресурсы использовать и продвигать это решение.

Оказывается, веб-сообществу не хватает обоих. Дело не в том, что у кого-то нет опыта, а в том, что средства разбросаны, а усилия нескоординированы. Самое главное, ни у кого в веб-сообществе нет силы применять правила на большом количестве сайтов.

Авторитарное решение

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

Смелый шаг, который капиталисты из Силиконовой долины наверняка похвалили бы как «разрушительный», Google решил убрать весь беспорядочный код JavaScript, который замедляет работу в интернете. Так появились ускоренные мобильные страницы (AMP).

Создание жизнеспособного решения — это лишь половина работы. Распространить его на весь веб — другая. Поэтому Google даёт преимущество страницам AMP в мобильном поиске Google. Страницы AMP отображаются в «новостной карусели» вверху и отмечены символом молнии. Они загружаются «встроенно», поэтому навигация между списком результатов поиска и сайта кажется мгновенной.

Один JavaScript, чтоб править всеми

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

С AMP вам нужен только один JavaScript, так называемый AMP runtime. Это JavaScript с открытым исходным кодом, разработанный Google. Это не библиотека, которую вы можете использовать в своем собственном JavaScript. На самом деле, вы больше не должны писать JavaScript. Вместо этого вы объявляете пользовательские элементы в своем HTML и AMP JavaScript превращает их в интерактивные компоненты.

Загрузка стороннего кода JavaScript для рекламы, видеоконтента и виджето соцсетей возможна, но она контролируется и становится безвредной при помощи AMP. Сторонний код больше не мешает загрузке основного контента.

JavaScript AMP не особенно мал и не написан революционно новым способом. Инфраструктура скрипта и его компоненты просто придерживаются установленных принципов, которые в конечном итоге приводят к высокой производительности. В этом, AMP — отличный пример инженерной работы, который устанавливает новый стандарт для веб-интерактивности.

Мы видели другие декларативные решения, которые пытались «перезагрузить» мир JavaScript. Но только Google имеет возможность форсировать свое решение на веб-разработчиков. Можно также утверждать, что неизбежно, что Google придумал авторитарный подход, учитывая его монополию на мобильный поиск.

Сообщество Open Web должно признать поражение

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

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

В частности, сообществу JavaScript не удалось устранить необузданное злоупотребление JavaScript и негативное влияние JavaScript на производительность веб-сайта. Средний сайт в настоящее время загружает 23 скрипта общим объемом 426 кбайт сжатого кода JavaScript. Сегодня легко настроить проект с помощью React, Angular или даже jQuery, добавить некоторые распространенные сторонние скрипты и в конечном итоге закончить с мегабайтами блокирующего кода JavaScript, грузящегося с нескольких серверов.

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

Демократизируя производительность веба

Неудивительно, что одностороннее, авторитарное решение более эффективно, чем разбросанные усилия экспертов по JavaScript и веб-производительности. Но не желательно и не устойчиво создавать «вторую паутину», в первую очередь для поиска Google для мобильных устройств. Запрет всего существующего JavaScript и переписывание его с нуля — не жизнеспособное решение. Таким образом, влияние AMP на большую сеть пока неясно.

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

Accelerated Mobile Pages (AMP) — осваиваем технологию ускорения мобильных страниц

В октября 2015 года поисковой гигант Google представил новый проект Accelerated Mobile Pages с открытым исходным кодом, который направлен сделать мобильный интернет быстрее.
Accelerated Mobile Pages (AMP) — это технология ускорения мобильных страниц, которая позволяет создать облегчённую версию веб-страниц.

Официальный блог Google Россия:

Технология AMP состоит из:

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

Как создать AMP страницу

Рассмотрим разметку AMP страницы, которую в качестве примера приводится на официальном сайте проекта.

Перечислим ряд рекомендаций, которые нужно обязательно учитывать при создании AMP страницы, документ должен:

  • начинаться с ;
  • содержать теги:
    • или ;
    • ;
    • ;
    • ;
    • ;
    • содержит подключение AMP JS библиотеки, указывается перед закрывающим тегом ;
    • в теге содержится:

В теге можно прописать пользовательские стили:

Используем rel=»canonical»

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

  • на обычной (основной) странице в раздел добавить ссылку на AMP-страницу:
  • на AMP страницу в раздел добавляем код ссылки на каноническую версию основной страницы:

Accelerated mobile pages для сайтов на WordPress

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

  1. плагин применяется только к записям, обычные страницы и страницы архивов записей не поддерживаются;
  2. записи могут отображаться мобильным пользователям только из выдачи поисковой системы Google.

После активации плагина если URL записи добавить «/amp», то мы увидим AMP страницу .

Валидатор проверки AMP страниц?

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

После создания AMP страниц обязательно проверьте корректности их реализации с помощью валидатора. Для этого необходимо к URL страницы дописать #development=1, затем перейти в консоль браузера, где будут отображены результаты проверки. При успешной проверке вы увидите следующий результат:

Быстро загружающиеся страницы для мобильных устройств в вашем Вебмастере

Следить за индексацией ваших ускоренных мобильных страниц вы можете в Google Вебмастере. Для этого в панели Вебмастера вам необходимо перейти на вкладку «Вид в поиске», далее вкладка «Быстро загружающиеся страницы для мобильных устройств»:

Вывод:

Google пытается найти способы сделать информацию доступней и в этот раз действия направлены на улучшения мобильного интернета. Мы получили инструмент, с помощью которого можно сделать контент доступней для пользователей. С 25 февраля поисковая система анонсировала — страницы на базе AMP будут появляться в результатах мобильного поиска в разделе «Главные новости». В российской выдаче это выглядит так:

На текущий момент эта технология подходит для новостных и статейных ресурсов и действует неполноценно только в поиске Google, но все еще впереди. Внедрять уже или подождать — решать вам. Но отслеживать дальнейшее развитие технологии AMP стоит.

– Только качественный трафик из Яндекса и Google
– Понятная отчетность о работе и о планах работ
– Полная прозрачность работ

Полное руководство по использованию Google AMP

В октябре 2015 года компания объявила о новом формате страниц для мобильных устройств Google Accelerated Mobile Pages (Google AMP), который призван ускорить скорость загрузки страниц на мобильных устройствах.

Мастер Йода рекомендует:  Проприетарное ПО может быть опасно для вашего здоровья например, если оно в кардиостимуляторе

По данным Google, загрузка страниц сайта с использованием Google AMP ускоряется на 15-85%.

Google AMP представляет собой набор 3-х технологий:

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


  • AMP JS – эта библиотека ускоряет и управляет загрузкой ресурсов, дает возможность пользоваться упомянутыми выше специальными тэгами.
  • Google AMP Cache – это основанная на прокси CDN, которая распространяет все валидные AMP-страницы.

У формата есть несколько интересных ограничений:

  • Разрешены только асинхронные скрипты
  • Нельзя описывать стили с помощью «style» по месту применения, все они должны быть описаны в HTML файле в тэге «style amp-custom»
  • Стили ограничены размером в 50 КБ
  • Параметры «width» и «height» внешних ресурсов, таких как картинки, должен быть указан внутри html
  • Нельзя написать произвольный Javascript-код, можно использовать только поддерживаемую библиотеку AMP JS
  • Шрифты должны быть загружены по ссылке или в CSS-конструкции @font-face

Как начать внедрение AMP на своем сайте

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

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

Отдельным моментом следует рассмотреть, как внедрить форму для сбора лидов на АМР-странице, об этом будет секция ниже.

Придется поработать над визуальными элементами. Поскольку в АМР высота и ширина картинок должны быть указаны в HTML, создание АМР версий существующих страниц может быть трудоемким процессом, если эти параметры уже не указаны в HTML.

Также надо иметь в виду, что «amp-img» позволяет показывать разные изображения устройствам с разными разрешениями экрана. Например, возможен такой вариант:

Если у вас используются анимированные gif-файлы, придется использовать специальный компонент «amp-anim».

Для видео используется специальный тэг «amp-video», а для того, чтобы вставить видео с YouTube (как это чаще всего делается на сайтах), существует отдельный компонент «amp-youtube».

Поддерживаются также такие элементы, как «карусели» с изображениями и лайтбоксы, внедрение элементов из Twitter, Facebook, Instagram, Pinterest и Vine через внешние компоненты.

Также потребуется внести изменения и в исходную страницу в «обычном» HTML. Чтобы у Google и других систем, которые будут поддерживать АРМ, была возможность переключиться на АМР-версию, в исходной статье нужно прописать специальный «link rel» тег с указанием на АМР-страницу. И в обратную сторону, все АМР-страницы должны иметь тег канонической ссылки на исходную версию страницы в обычном HTML.

Некоторые платформы, которые поддерживают АМР, требуют, чтобы на странице была корректно настроена разметка Schema.org, это также требуется для того, чтобы ваш контент мог показываться в «карусели» новостей на поиске Google.

Как внедрить форму сбора лидов

В стандарте АМР много ограничений, поэтому нельзя создать форму сбора лидов «в лоб», но существует хак, как это сделать.

Iframe поддерживается в amp-html, и iframe может включать в себе произвольный Javascript. Поэтому, чтобы получить форму на своей АМР-странице, вам надо включить компонент «amp-iframe» в секции «head» страницы:

Затем нужно вставить «amp-iframe» внутри «body» страницы. Нужно, чтобы этот элемент был не менее 600 пикселей или на 75% высоты страницы от верхнего края страницы. URL, используемый в «amp-iframe» использовать https и находиться на том же домене или поддомене, что и страница.

Работает ли статистика на АМР-страницах

Да, вы можете отслеживать статистику по вашим АМР-страницам, причем в стандарте применена философия «измерь один раз и сообщи всем», чтобы избежать ситуации, когда множественные коды отслеживания и аналитики замедляют загрузку страницы.

Существует два способа, которые позволяют отслеживать статистику посещений АМР-страниц:

  • Элемент «amp-pixel»: это простой тег, который может быть использован, чтобы отслеживать просмотры страниц с использованием запроса GET. Много переменных можно передать через него, включая такие как «document_referrer» и «title».
  • Расширенный компонент «amp-analytics»: более продвинутый способ, который позволяет внедрить Google Analytics (или другие подобные системы) на АМР-страницу. Прочитать подробную инструкцию о том, как внедрить Google Analytics для АМР-страниц можно здесь (https://developers.google.com/analytics/devguides/collection/amp-analytics/)

Google AMP для SEO

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

Поэтому АМР-страницы, которые разработаны специально для мобильных устройств, должны получить серьезное преимущество в ранжировании. Уже сейчас Google обращает внимание мобильных пользователей на доступность быстрых АМР-страниц при запросе с мобильных устройств, отмечая их значком с зеленой молнией.

Никто не хочет получить понижение ранга из-за дублированного контента, и Google требует, чтобы в заголовке страницы на обычном HTML было сделано указание на аналог этой страницы в формате АМР:

А в заголовке АМР-версии страницы должно быть указание на исходную страницу в обычном HTML:

При этом возможны ситуации, когда на сайте есть только АМР-страница, то есть не существует аналога страницы в обычном HTML – в этом случае в теге «canonical» нужно указывать саму АМР-страницу.

Как внедрить Google AMP на сайтах, где используется CMS

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

Вот как эксперты сайта SEO-Hacker рекомендуют внедрять АМР на WordPress-сайте:

1. Установить и активировать плагин AMP WordPress plugin (https://wordpress.org/plugins/amp/)

2. Отредактировать файл .htaccess, чтобы перенаправлять посетителей с мобильными устройствами на АМР-страницы. Для этого надо вставить в .htaccess следующее:

RewriteCond % (android|blackberry|googlebot-mobile|iemobile|iphone|ipod|#opera mobile|palmos|webos) [NC]

RewriteRule ^([a-zA-Z0-9-]+)([/]*)$ https://example.com/$1/amp [L,R=302]

Для Drupal Google AMP внедряется похожим образом – для этого используются AMP-модуль (https://www.drupal.org/project/amp), АМР-тема (https://www.drupal.org/project/amptheme) и АМР-библиотека на PHP (https://github.com/Lullabot/amp-library).

При установке АМР-модуля, формат АМР становится доступен для всех типов страниц и «отдает» АМР-страницы, если добавить к URL страницы «?amp» на конце.

АМР-тема разработана, чтобы обеспечивать специфическую разметку, которую требует стандарт, она автоматически становится активной, если обращение идет к странице с «?amp» на конце. Как любая другая тема Drupal, эта тема может быть расширена с помощью подтемы, что позволяет владельцам сайтов кастомизировать выдачу АМР-страниц, как они посчитают нужным.

АМР-библиотека используется для случаев, когда пользователи вводят HTML в поля, позволяющие это делать, и выдает предупреждение для тех случаев, когда введенный текст не соответствует АМР-стандарту. Библиотека также автоматически корректирует HTML-текст там, где это возможно, в том числе меняет тэги img и iframe на их АМР-эквиваленты.

В Joomla возможность выдавать АМР-страницы пользователям обеспечивается с помощью плагина wbAMP (https://weeblr.com/joomla-accelerated-mobile-pages/wbamp).

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

Какие браузеры поддерживают Google AMP

По данным AMP Project, поддерживаются 2 последних версии Chrome, Firefox, Edge, Safari и Opera. Также поддерживают, но не совсем корректно отображают АМР-страницы системный браузер Android 4.0 и Chrome версии 28 и старше на мобильных устройствах.

В заключение давайте подведем итог, в чем плюсы и минусы стандарта Google AMP?

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

  • АМР-страницы могут попасть в «карусель» в мобильной выдаче в топе Google.
  • Большие возможности для кастомизации, и в том числе возможность не использовать AMP Cache от Google и отдавать контент со своей CDN или своего сервера.
  • Наличие плагинов для популярных CMS, которые облегчают внедрение AMP на сайте.
  • AMP может оказаться сложен во внедрении, если вы не веб-разработчик или хотя бы не понимаете HTML.
  • АМР добавляет сложности. Мы вынуждены заниматься внедрением еще одной технологии, вместо того, чтобы оптимизировать имеющееся.
  • Возможности кастомизации при внедрении в CMS достаточно ограничены, возможно это изменится со временем.
  • Поддержка кастомного Javascript возможна только через «amp-iframe», но это не дает возможности получить доступ к данным из этого скрипта.
  • IE11 не поддерживает пока стандарт AMP, а значит пользователи Windows Phone пока не увидят AMP-страницы, а будут видеть вместо них стандартные HTML-версии этих страниц.

В AMP-страницах появится поддержка JavaScript

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

Команда проекта сообщила, что с помощью грядущего ‘amp-script’ пользовательский #JS будет работать и в AMP страницах (оптимизированных специально для мобильных устройств). Для иллюстрации этого появился специальный анимационный тизер с кодом HTML-разметки, который можно посмотреть здесь.

О будущем внедрении поддержки JavaScript будет объявлено больше на предстоящей конференции AMP. Она пройдет в Токио, с 17 по 18 апреля. Следить за связанными с ней новостями в социальных сетях можно будет по хэштегу #AMPConf.

Как считают эксперты портала Searchengineland.com, это очень важное событие. JavaScript – это не только один из самых старых языков программирования, но и один из самых интенсивно развивающихся. Что же касается AMP-страниц (страниц, оптимизированных для мобильных устройств), то они набирают все большую популярность. И появление возможности поддержки JS в AMP-разметке даст серьезный импульс развития данной технологии.
Что же касается родственной AMP технологии – Турбо-страницам Яндекса, то в ней такая возможность пока что отсутствует. Зато для них появился специальный блок в мобильной выдаче, а в Метрике – специальный отчет по объемам трафика.

Специалисты компании «Третий Путь» готовы ответить на все ваши вопросы по продвижениюсайта, увеличению звонков и заявок на сайте.
Закажи звонок эксперта — мы свяжемся и ответим на все вопросы.

© Третий Путь – продвижение сайтов в поисковых системах, 2020

Заполняя любую форму на сайте, вы соглашаетесь
с политикой конфиденциальности

1.1. В настоящей Политике конфиденциальности используются следующие термины:

1.1.1. «Администрация сайта» – уполномоченные сотрудники на управления сайтом, действующие от имени ООО «Третий Путь», которые организуют и (или) осуществляет обработку персональных данных, а также определяет цели обработки персональных данных, состав персональных данных, подлежащих обработке, действия (операции), совершаемые с персональными данными.

1.1.2. «Персональные данные» — любая информация, относящаяся прямо или косвенно к определяемому физическому лицу (субъекту персональных данных).

1.1.3. «Обработка персональных данных» — любое действие (операция) или совокупность действий (операций), совершаемых с использованием средств автоматизации или без использования таких средств с персональными данными, включая сбор, запись, систематизацию, накопление, хранение, уточнение (обновление, изменение), извлечение, использование, передачу (распространение, предоставление, доступ), обезличивание, блокирование, удаление, уничтожение персональных данных.

1.1.4. «Конфиденциальность персональных данных» — обязательное для соблюдения Организацией или иным получившим доступ к персональным данным лицом требование не допускать их распространения без согласия субъекта персональных данных или наличия иного законного основания.

1.1.5. «Пользователь сайта (далее Пользователь)» – лицо, имеющее доступ к Сайту, посредством сети Интернет и использующее Сайт Организации.

1.1.6. «IP-адрес» — уникальный сетевой адрес узла в компьютерной сети, построенной по протоколу IP.

1.1.7. «Cookies» — небольшой фрагмент данных, отправленный веб-сервером и хранимый на компьютере пользователя, который веб-клиент или веб-браузер каждый раз пересылает веб-серверу в HTTP-запросе при попытке открыть страницу соответствующего сайта.

2.1. Порядок ввода в действие и изменения Политики конфиденциальности:

2.1.1. Настоящая Политика конфиденциальности (далее – Политика конфиденциальности) вступает в силу с момента его утверждения приказом Руководителей Организации и действует бессрочно, до замены его новой Политикой конфиденциальности.

2.1.2. Изменения в Политику конфиденциальности вносятся на основании Приказов Руководителей Организации.

2.1.3. Политика конфиденциальности персональных данных действует в отношении информации, которую ООО «Третий Путь» (далее – Организация) являясь владельцем сайтов, находящихся по адресам: 3put.ru, а также их поддоменах (далее – Сайт и/или Сайты), может получить от Пользователя Сайта при заполнении Пользователем любой формы на Сайте Организации. Администрация сайта не контролирует и не несет ответственность за сайты третьих лиц, на которые Пользователь может перейти по ссылкам, доступным на Сайтах.

2.1.4. Администрация сайта не проверяет достоверность персональных данных, предоставляемых Пользователем.

2.2. Порядок получения согласия на обработку персональных данных и их обработки:

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

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

2.2.3. Согласие Пользователя на использование его персональных данных может храниться в Организации в бумажном и/или электронном виде.

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

2.2.5. Обработка персональных данных Пользователя без их согласия осуществляется в следующих случаях:

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

2.2.6. Кроме персональных данных при посещении Сайта собираются данные, не являющиеся персональными, так как их сбор происходит автоматически веб-сервером, на котором расположен сайт, средствами CMS (системы управления сайтом), скриптами сторонних организаций, установленными на сайте. К данным, собираемым автоматически, относятся: IP адрес и страна его регистрации, имя домена, с которого Пользователь осуществил перехода на сайты организации, переходы посетителей с одной страницы сайта на другую, информация, которую браузер Посетителя предоставляет добровольно при посещении сайта, cookies (куки), фиксируются посещения, иные данные, собираемые счетчиками аналитики сторонних организаций, установленными на сайте. Эти данные носят неперсонифицированный характер и направлены на улучшение обслуживания Пользователя, улучшения удобства использования сайта, анализа посещаемости. Эти данные собираются автоматически, отправку этих данных Пользователь может запретить, отключив cookies (куки) в браузере, в котором открывается сайт.

2.2.7. Порядок обработки персональных данных:

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

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

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

3.2.1. фамилию, имя, отчество Пользователя.

3.2.2. контактный телефон Пользователя.

3.2.3. адрес электронной почты (e-mail).

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

4.1. Персональные данные Пользователя Администрация сайта может использовать в целях:

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

4.1.2. Осуществления рекламной деятельности с согласия Пользователя.

4.1.3. Регистрации Пользователя на Сайтах Организации для получения индивидуальных сервисов и услуг.

4.1.4. Совершения иных сделок, не запрещенных законодательством, а также комплекс действий с персональными данными, необходимых для исполнения данных сделок.

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

5.2. При утрате или разглашении персональных данных Администрация сайта информирует Пользователя об утрате или разглашении персональных данных.

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

6.1. Пользователь обязан:

6.1.1. Предоставить информацию о персональных данных, необходимую для пользования Сайтом.

6.1.2. Обновить, дополнить предоставленную информацию о персональных данных в случае изменения данной информации.

6.2. Администрация сайта обязана:


6.2.1. Использовать полученную информацию исключительно для целей, указанных в п. 4 настоящей Политики конфиденциальности.

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

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

6.2.4. Осуществить блокирование и/или удаления персональных данных, относящихся к соответствующему Пользователю, с момента обращения или запроса Пользователя или его законного представителя либо уполномоченного органа по защите прав субъектов персональных.

7.1. Администрация сайта, не исполнившая свои обязательства, несёт ответственность в соответствии с действующим законодательством Российской Федерации, за исключением случаев, предусмотренных п.2.5. и 7.2. настоящей Политики

7.2. В случае утраты или разглашения Конфиденциальной информации Администрация сайта не несёт ответственность, если данная конфиденциальная информация:

7.2.1. Стала публичным достоянием до её утраты или разглашения.

7.2.2. Была получена от третьей стороны до момента её получения Администрацией сайта.

7.2.3. Была разглашена с согласия Пользователя.

8.1. До обращения в суд с иском по спорам, возникающим из отношений между Пользователем сайта и Администрацией сайта, обязательным является предъявление претензии (письменного предложения о добровольном урегулировании спора).

8.2. Получатель претензии в течение 30 календарных дней со дня получения претензии, письменно уведомляет заявителя претензии о результатах рассмотрения претензии.

8.3. При не достижении соглашения спор будет передан на рассмотрение в судебный орган в соответствии с действующим законодательством Российской Федерации.

8.4. К настоящей Политике конфиденциальности и отношениям между Пользователем и Администрацией сайта применяется действующее законодательство Российской Федерации.

9.1. Администрация сайта вправе вносить изменения в настоящую Политику конфиденциальности без согласия Пользователя.

9.2. Новая Политика конфиденциальности вступает в силу с момента ее размещения на Сайте, если иное не предусмотрено новой редакцией Политики конфиденциальности.

Нужны ли AMP вашему сайту: подробное руководство по технологии

Что такое AMP: обзор технологии и способов создания ускоренных мобильных страниц.

25 Февраля 2020 | 2549 | 1

Увеличение скорости работы сайта на мобильных устройствах остается одним из ключевых SEO-трендов, перешедших из 2020 в 2020 год. Для этого есть три весомые причины:

1. Мобильные устройства (смартфоны и планшеты) в России генерируют около половины суммарного количества трафика: практически каждый второй визит на сайты производится со смартфона.

Данные сервиса Яндекс Радар о количестве визитов с разных типов устройств в 2020 году (регион: Россия).

2. Пользователи уже не готовы тратить время на загрузку: при просмотре с мобильных устройств 53% посетителей уйдут со страницы после 3 секунд ожидания загрузки.

3. В эпоху Mobile-first indexing , официально наступившую в 2020, сайты, оптимизированные под мобильные устройства, имеют преимущество при ранжировании в выдаче.

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

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

Для кого актуально

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

Примеры сайтов на AMP

Хорошим примером сайта, сверстанного на AMP, является официальный сайт www.ampproject.org (п.с.: оцените, что можно сделать при помощи технологии AMP для десктопа), а вот тут есть готовые шаблоны сайтов разной тематики, которые помогут оценить возможности AMP (можно бесплатно скачать понравившееся).

Оценить потенциал разработки помогут кейсы о внедрении AMP на сайты регионального и мирового уровней различных тематик на официальном сайте технологии.

Как работает AMP

Страницы AMP построены с помощью трех основных технологий:

1. AMP HTML — это HTML-разметка с ограничениями, расширениями, а также особенными web-компонентами, регламентированными в спецификации. Вот несколько примеров:

Тег в html

Тег-аналог в AMP HTML img amp-img video amp-video iframe amp-iframe

При этом следует учитывать, что многие компоненты не имеют аналогов и не могут быть использованы в коде AMP (также описано в спецификации). Код страницы AMP легко узнать по значку ⚡ (молния) в теге :

Смотрите также пример HMTL-кода AMP-страниц, предлагаемый в валидаторе .

При создании AMP-версий страниц используются CSS-стили. О поддерживаемых элементах CSS и правилах размещения на странице можно прочесть здесь .

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

О том, как конвертировать HTML-код в AMP, читайте по ссылке .

2. Библиотека AMP JS, обеспечивающая визуализацию страниц. То, что страницы не могут содержать произвольный JavaScript-код и все скрипты должны быть асинхронными, и накладывает главные ограничения при создании AMP-версии сайта. Компоненты библиотеки позволяют если не полностью, то значительно компенсировать отсутствие возможности использовать кастомный код. С помощью библиотеки можно реализовать не только боковое меню, фильтры и сортировку, но и отправку формы, корзину интернет-магазина, ссылки на соцсети, подгрузку контента и рекламных блоков — инструменты для всего этого (и не только) можно найти здесь . Также ознакомьтесь со списком расширенных возможностей АMP по этой ссылке .

3. AMP Cache, позволяющий загружать страницы AMP из поиска практически мгновенно за счет использования CDN (сети доставки контента) Google.

Именно благодаря набору ограничений библиотеки и компонентов сделанный с помощью AMP сайт гарантированно будет быстрым и легким.

Сравнение скорости загрузки и функционала AMP и адаптивной версии на конкретном примере

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

Страницы для сравнения:

По данным сервиса Google PageSpeed Insights адаптивная версия имеет низкую скорость загрузки:

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

AMP-страница сайта отличается очень высоким показателем скорости:

Первый экран и основной контент страницы загружается за 1 секунду — это очень хороший результат, а через 3,9 секунды AMP полностью готова к взаимодействию с пользователем (удовлетворительный результат). В среднем ускоренная мобильная страница оказалась быстрее в 2,5 раза своей адаптивной версии и оценивается поисковой системой Google как страница с высокой скоростью загрузки (95 пунктов из 100 в сервисе Google PageSpeed Insights), что дает ей преимущество при ранжировании согласно Mobile-first indexing.

А что с визуальной составляющей и функционалом

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

Адаптивная версия (слева) и AMP (справа).

Адаптивная версия AMP
Хедер (шапка сайта)
Кликабельный логотип + +
Меню +
Строка поиска +
Дополнительные навигационные элементы +
Дата и время публикации + +
Блок “Поделиться” + +
Основной контент страницы
Основное изображение + +
Полнота контента + +
Элементы перелинковки
Встроенная в контент лента рекомендаций + +
Тегирование +
Доп. блок “Поделиться” +
Лента рекомендаций “Новости по теме” + +
Доп. ленты рекомендаций +
Футер (подвал сайта)
Меню в футере +
Дополнительное меню / элементы навигации +
Информация о правообладателе / copyright + +

AMP-версия новостных страниц bbc.com обладают рядом недостатков по сравнению с адаптивной версией, но выявленные недоработки можно исправить, ведь технология AMP позволяет создавать меню сайта (как в хедере, так и в футере), а также размещать строку поиска и перелинковывать страницы с помощью тегов. Дополнительно на данных ускоренных мобильных страницах рекомендуется разместить ссылку на основную версию в футере, чтобы пользователи имели возможность перейти к полному функционалу сайта.

Можно сделать вывод, что AMP позволяет создавать полноценные версии страниц (аналогичные или даже идентичные мобильным и адаптивным), которые будут загружаться в разы быстрее: технология позволяет и дает нужные инструменты, а дальше — все в руках разработчиков.

Нужен ли AMP вашему сайту

Оценить актуальность технологии для вашего сайта помогут ответы на следующие вопросы:

1. Есть ли у вашего сайта мобильная или адаптивная версия? Насколько она быстрая? Смотрите оценку скорости загрузки в Google PageSpeed или Google Lighthouse .

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

По данным сервиса PageSpeed Insights сайт ampproject.org имеет высокую скорость загрузки на мобильных устройствах.

Пример сайта с неудовлетворительной скоростью загрузки.

2. У вас новостной или контентный сайт? Актуальность внедрения AMP подтверждается статистикой: среди более 25 миллионов доменов с реализованным AMP новостные сайты занимают основную долю.

Помимо того, что ускоренные страницы имеют преимущества в ранжировании из-за mobile-first, именно из AMP-версий формируется выдача карусели «Главные новости»:

Блок «Главные новости» размещается в верхней части мобильной выдачи, попадание в карусель вашей новостной или контентной страницы может обеспечить значительное количество дополнительных переходов на AMP-страницу.

3. Вы владелец интернет-магазина или агрегатора товаров и услуг?

Ранее внедрение AMP для коммерческих сайтов было нецелесообразным из-за невозможности реализовать фильтры, сортировку и других ограничений технологии, несовместимых с нуждами ecommerce. Однако технология не стоит на месте и многие проблемы уже были решены, что демонстрируют готовые шаблоны :

AMP-версия интернет-магазина с каталогом (реализованы фильтры и сортировка), полноценными продуктовыми страницами, корзиной и блогом.

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

К примеру, вот результаты внедрения AMP из кейса сайта-агрегатора бронирования авиаперелётов и отелей wego.com:

Источник: кейс , размещенный в разделе тематических исследований ampproject.org.

Технология позволила улучшить скорость загрузки сайта в 10 раз, увеличить конверсию по партнерским программам на 95% и на 49% улучшить конверсию из мобильного поиска. Суммарно CTR рекламы на мобильных устройствах выросла в 3 раза.

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


4. Оцените выдачу Google и опыт конкурентов: если в тематической выдаче уже присутствуют страницы AMP, этот тренд будет только усиливаться. Будьте среди первых.

Например, по коммерческому запросу «купить телевизор в москве» в ТОП-5 мобильной выдачи Google представлена 1 ускоренная мобильная страница:

А вот пример для сайта кулинарной тематики: по запросу «Блины на кефире» в топ-5 представлено 5 AMP-страниц, первые две из которых отображаются в поиске с помощью разметки вида «Карусель рецептов».

Еще один пример по информационному запросу «amp для интернет-магазина»: 2 из 5 страниц топа выдачи — AMP:

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

К практике: как внедрить AMP

Для популярных CMS (Bitrix, WordPress, Drupal, Joomla и др.) имеются готовые решения, позволяющие быстро внедрить AMP на сайт. Следует отметить, что большинство плагинов платные и достаточно ограничены в своих возможностях, так что перед выбором и покупкой стоит взвесить все «за» и «против». Возможно, лучше создать свою AMP-версию с нуля.

В WordPress выбрать подходящий плагин можно на странице wordpress.org/plugins . Наиболее популярный плагин — wordpress.org/plugins/amp , инструкция по настройке находится тут .

Для сайтов на Drupal есть несколько взаимодополняющих инструмента для внедрения Google AMP:

Подробнее о функционале и способе использования каждого инструмента можно узнать по ссылке .

В Joomla найти расширение для реализации технологии можно найти на странице extensions.joomla.org/tags/amp .

В Bitrix на данный момент имеется только одно решение: marketplace.1c-bitrix.ru/solutions/impel.amp . Перед покупкой рекомендуется подробно изучить модуль и его возможности: у модуля нет рейтинга и он был установлен сравнительно малое количество раз (50-99). Возможно, более приемлемым решением будет создание AMP-версии «с нуля» под нужды проекта.

Нет подходящего плагина?
Пишем техническое задание по созданию AMP c нуля

Основные требования к шаблонам:

  • AMP-страницы должны соответствовать всем стандартам и требованиям, обозначенным в спецификации на официальном сайте технологии.
  • Чтобы страницы правильно работали и показывались в результатах Google поиска, HTML-код шаблонов должен успешно пройти проверку в валидаторе AMP .
  • Дизайн страниц должен быть адаптивным и корректно отображаться на всех типах устройств. Ссылка на официальную инструкцию тут .
  • AMP-страница должна содержать тот же главный контент, заголовки и метаданные, что и основная (каноническая) страница. Пользователи должны иметь возможность выполнять такие же ключевые действия (не идущие вразрез со спецификацией и возможностями AMP), как и на канонической версии страницы.
  • URI AMP-страниц должен относиться к домену сайта и быть сформирован образом, понятным пользователям. Примеры:

example.com /amp/ page
example.com/page ?amp

  • Шаблон AMP и канонической версии страницы должны быть перелинкованы между собой. Основная (каноническая) страница между открывающим и закрывающим тегами … должна содержать тег:

link rel = » amphtml » href = » URL AMP-версии страницы «

Страница-AMP между открывающим и закрывающим тегами … должна содержать тег:

link rel = «canonical» href = » URL основной версии страницы » >

Следует учитывать, что Яндекс не поддерживает технологию AMP и его роботы не считают атрибут rel=”canonical” строгой директивой. Игнорирование указания канонической страницы может привести к появлению AMP страниц в выдаче вместо основных страниц сайта. Для того чтобы этого не произошло, в robots.txt необходимо добавить запрет на индексацию ускоренных страниц для ботов Яндекс:

    На шаблоны всех AMP-страниц должны быть добавлены коды счётчиков Google Analytics, Яндекс Метрики и пр. (укажите необходимые вам), добавленные согласно инструкциям по ссылкам:

https://developers.google.com/analytics/devguides/collection/amp-analytics/
https://yandex.ru/support/metrika/code/install-counter-amp.html

  • В футере должна присутствовать ссылка на полную версию сайта. Если функционал AMP и базовой версии отличается, это даст пользователю возможность перейти на «не урезанную» каноническую страницу.
  • AMP-страницы должны включать структурированную разметку данныхschema.org , как и на канонических страницах сайта.

! Если на канонических страницах сайта микроразметка еще не внедрена, настоятельно рекомендуется ее добавить. Что такое разметка структурированных данных и почему она необходима, можно узнать в официальной справке Google .

Перечень наиболее важных типов разметки:

  • Product (для страниц товаров);
  • Article (для информационных статей и новостей). Наличие данной разметки определяет возможность попадания новостной страницы в карусель “Главные новости”, о важности данной разметки для страниц AMP по ссылке .
  • Recipe (для страниц рецептов);
  • Organization (информация о компании);
  • Web-site (поиск по сайту);
  • BreadcrumbList (строка навигации)
  • и т.д.

Чем подробнее будет реализована разметка, тем лучшее представление в поиске получит страница. Кроме того, микроразметка может содержать техническую информацию для поисковой системы. Например, данные из dateModified разметки Article используются роботами Google для отслеживания изменений в статье и оперативного обновления кешированной версии страницы – это помогает предоставлять пользователям самую свежую версию статьи. Обязательно проверьте реализованную разметку на валидность в Инструменте проверки структурированных данных : отсутствие ошибок является критичным фактором для данной доработки. О рекомендуемых типах разметки можно узнать на страницах Справочных материалов Google в разделе Структурированные данные .

  • К логотипу сайта предъявляются строгие требования, ознакомиться с которыми можно по ссылке . Выдержка из требований:

Логотип должен быть вписан в прямоугольник 60х600px по одной из сторон на выбор (т.е. высота может быть равна 60px, а ширина взята произвольного размера (до 600px) или же наоборот: ширина равна 600px, а высота — произвольная, но не более 60px). Соответствие одной из сторон названному размеру — обязательное условие, а использование лого квадратной формы не допускаются.

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

После реализации ускоренных мобильных страниц отслеживать их состояние можно в Google Search Console (вкладка Улучшения > Страница AMP).

Search Console генерирует отчет о найденных проблемах, ошибках и предупреждениях на AMP-страницах сайта.

О монетизации AMP-версии

AMP поддерживает более ста рекламных сетей (смотрите список ) и авторы технологии создали все условия для монетизации AMP-версий страниц. Подробную инструкцию по настройке рекламных блоков (на английском языке) можно посмотреть по ссылке .

Справка Google рекомендует сначала создать одну тестовую AMP-страницу и проверить, будет ли на ней выполняться показ рекламы.

На AMP-страницы теперь можно добавлять пользовательский JavaScript

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

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

AMP HTML теперь поддерживает функцию автозаполнения Разработчики AMP добавили в формат AMP HTML поддержку функции автозаполнения. Теперь ускоренные мобильные страницы будут более точно отражать поведение обычных HTML-страниц. Функцию автозаполнения можно будет использовать на страницах поиска и форм, чтобы ускорить время выпо.

Google против добавления лишнего текста на страницы категорий интернет-магазинов Сотрудник Google Джон Мюллер (John Mueller) предостерег владельцев сайтов электронной коммерции от добавления ненужного текста на страницы категорий. По его мнению, добавление лишнего текста на страницу категории может отвлечь внимание пользователя от основного намерения выб.

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

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

AMP-страницы получили ряд улучшений Разработчики проекта Google AMP опубликовали обзор новых возможностей, запущенных для страниц с ускоренной загрузкой в первом квартале 2020 года. Видео Минимизация видео. Теперь для AMP можно настроить минимизацию угла просмотра видео при прокрутке страницы. Это позволит пол.

Яндекс добавил колдунщик турбо-страниц в десктопную выдачу На поиске Яндекса появился колдунщик десктопных турбо-страниц. Он объединяет страницы с ускоренной загрузкой в десктопной поисковой выдаче. Так у пользователя появляется возможность быстро посмотреть страницы, содержащие ответ на его запрос.

В Google Chrome теперь можно оправлять веб-страницы на другие устройства На этой неделе Google приступил к запуску Chrome 77 на Windows, Mac, iOS и Android. Одним из нововведений в этой версии стала возможность отправки веб-страниц на другое устройство пользователя. Чтобы отправить страницу с десктопа, нужно кликнуть правой кнопкой мыши по нужной.

Яндекс реализовал поддержку нового плеера для турбо-страниц Турбо-страницы теперь поддерживают новый видеоплеер — более удобный для пользователей. С его помощью можно монетизировать видео не только на основной версии сайта, но и на турбо-страницах, используя блоки InStream РСЯ внутри роликов. Это позволит увеличить доход о.

Viber представил новые функции для бизнеса Популярный сервис для обмена сообщениями Viber запускает новые функции для бизнеса: страницы с информацией о профилях компаний, а также возможность добавления видео в бизнес-сообщения. Как сообщили представители мессенджера на состоявшемся в Москве мероприятии для партнеров.

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

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

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

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

В каталоге навыков для Алисы появилось Избранное Команда Яндекс.Диалогов сообщила о добавлении к навыкам в каталоге Алисы специальных флажков, позволяющих отправить отмеченные навыки в раздел Избранное: Добавляя навыки в избранное, пользователь упрощает себе возвращение к ним. Избранное отображается на главной странице кат.

Яндекс собрал всю информацию о турбо-страницах в одну презентацию Информации о турбо-страницах стало очень много — за последние полтора года платформа выросла в разы. Поэтому команда сервиса собрала все самое важное и интересное в одном месте — красивой презентации про возможности турбо-страниц. В пр.

В API Директа появилась поддержка турбо-страниц Команда API Директа сообщила о реализации поддержки турбо-страниц. В рамках обновления: Добавлен сервис TurboPages для получения Турбо-страниц, созданных в конструкторе. В методы сервиса Ads добавлен параметр TurboPageId. В ответ метода Ads.get также добавлен параметр TurboP.

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

В Яндекс.Знатоках появились страницы организаций На сервисе вопросов и ответов Яндекс.Знатоки в режиме эксперимента появилась возможность создания профилей организаций. Теперь владелец любой организации, зарегистрированной в Яндекс.Справочнике, может создать ее страницу на Знатоках и отвечать на&#.

В Директе появилась возможность создания турбо-страниц для десктопов Команда Директа сообщила об обновлении конструктора турбо-страниц — теперь он позволяет легко создавать быстрые лендинги для объявлений не только для мобильных устройств, но и для десктопов. В едином окне можно управлять рекламными кампаниями и сразу создава.

В AMP добавят поддержку JavaScript Google объявил, что работает над добавлением поддержки JavaScript в AMP. Подробности новой функциональности станут известны на AMP Сonference, которая пройдёт 17-18 апреля в Токио. Согласно сообщению команды AMP Project, пользовательский JS сможет работать в AMP-документах с.

У бизнес-страниц ВКонтакте появился Журнал действий В настройках Страниц бизнеса ВКонтакте появилась новая вкладка — Журнал действий: В нем можно смотреть, кто из администраторов что и когда сделал: какую запись удалил, какие настройки поменял, чью заявку отклонил или принял. Все изменения собираются в удобные группы, к.

В Google My Business теперь можно указывать время заезда и выезда для гостиниц Google Мой бизнес добавил новую опцию для операторов отелей. Теперь они смогут указывать время заезда и выезда, которое будет отображаться на странице гостиницы в поиске и Картах. «Мы рады объявить, что гостиницы теперь могут добавлять на свои страницы в Google Мой бизнес ин.

ВКонтакте появилась мобильная интерактивная реклама ВКонтакте запустила новый формат продвижения на мобильных устройствах — интерактивную рекламу в ленте новостей. Это рекламные записи на базе HTML5, которые позволяют компаниям воплощать в жизнь самые смелые креативные идеи, а также отправлять пользователей в сообщество, пере.

Директ обновил страницу редактирования групп объявлений В новом интерфейсе Директа обновилась страница редактирования групп объявлений, пополнившись новыми возможностями. Страница редактирования групп объявлений теперь выглядит по-новому, и работать с ней стало удобнее. Например, теперь на ней можно редактировать до 50 групп объя.

В Метрике появился подробный отчет по турбо-страницам Яндекс добавил в Метрику подробный отчет для турбо-страниц. В нем можно быстро оценить трафик турбо-страниц и показатели вовлеченности посетителей, которые их открывали — отказы, глубину просмотра и время на сайте. Если для турбо-страницы уже по.

На Беру появилось динамическое ценообразование и автоматический показ скидок Команда Яндекс.Маркета сообщила о появлении новых возможностей для продавцов, размещающих свои товары на маркетплейсе Беру. В личном кабинете на странице «Цены» появилась функция автоматического снижения цены. Как известно, если один товар на Беру продают сразу нескольк.

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

На турбо-страницах появилась поддержка доменного имени и новые форматы рекламы При открытии турбо-страницы в Яндекс.Браузере на мобильных устройствах IOS и Android теперь отображается полное доменное имя сайта. Изменения заметят пользователи последней версии Браузера. Также для владельцев сайтов стали доступны новые форматы рекламы на турбо-страницах: .

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

Google Ads добавил новые функции для адаптивных медийных объявлений Google Ads сообщил о запуске трёх новых функций для адаптивных медийных объявлений. В их числе значатся следующие: Возможность добавить в объявления видеоролики В объявление можно добавить до 5 роликов, предварительно загруженных на страницу рекламодателя в YouTube. Максимал.

Три важных обновления в новом интерфейсе Директа В новом интерфейсе Директа появилось сразу несколько важных обновлений: новые возможности массового редактирования, работа со смарт-баннерами, медийной и видеорекламой. Массовые изменения в текстово-графических объявлениях Вносить изменения стало очень пр.

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

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

CTR для первой позиции в выдаче Google составляет 31,73% Средний CTR для первой позиции в выдаче Google составляет 31,73% от всех кликов. К такому выводу пришли аналитики Backlinko и ClickFlow Finds после проведенного исследования. Вероятность получения пользовательского клика у страницы, находящейся на первой позиции, в 10 .

Google может ранжировать страницы по alt-тексту в основном поиске Google может ранжировать страницы по тому тексту, который содержится в атрибуте alt, в основном поиске. Об этом заявил сотрудник компании Джон Мюллер в Twitter. Он также добавил, что это легко протестировать. В принципе, SEO-специалисты уже давно с этим экспериментируют, доб.

Яндекс проведет вебинар «Турбо-страницы для интернет-магазинов» 22 августа в 12:00 (по московскому времени) Яндекс проведет вебинар «Турбо-страницы для интернет-магазинов». Специалисты компании расскажут о возможностях турбо-страниц для интернет-магазинов и о том, как технология Турбо помогает увеличить охват, число конверсий и уменьшить.

FAQ: Для каких сайтов можно включить турбо-страницы? Турбо-страницы — это технология, которая позволяет создать легкие версии страниц сайта, увеличить скорость загрузки и глубину просмотра и уменьшить число отказов. При включении турбо-версии заменяют в выдаче страницы сайта, поэтому чтобы корректно учитывать трафик, очень важ.

Google не показывает несколько блоков с ответом для одной страницы Если страница содержит несколько типов структурированных данных, то Google будет использовать в результатах поиска только один из них. Об этом рассказал сотрудник компании Джон Мюллер во время последней видеовстречи для вебмастеров. Вопрос к Мюллеру был связан с использовани.

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

В Google Tag Manager появились пользовательские шаблоны Google представил пользовательские шаблоны (Custom Templates) в Tag Manager и Tag Manager 360. Теперь специалисты смогут использовать встроенный редактор для разработки собственных определений тегов и переменных, которые затем можно будет использовать в контейнере. Custom Te.

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

Search Console обновил отчёты в разделе «Улучшения» Google Search Console обновил отчёты, которые находятся в разделе «Улучшения» на панели мониторинга. Об этом сообщается на странице Data Anomalies. Теперь для большинства из этих отчётов данные собираются из большего числа страниц, чем ранее. В результате владельцы сайтов мо.

Facebook введёт лимит на количество рекламных объявлений для страниц Facebook объявил, что ограничит количество тех объявлений, которые страницы могут запускать одновременно. Новые правила вступят в силу в середине 2020 года. Чтобы подготовить рекламодателей к этому изменению, Facebook выпустил новую версию Marketing API, которая включает Ad .

Google Ads добавил на обзорную страницу фильтры Google Ads сообщил, что на обзорной странице стали доступны фильтры. Обновление уже запущено во всех аккаунтах. Среди доступных вариантов значатся следующие: Устройство Кампания Тип кампании Статус кампании Группа объявлений Статус группы объявлений Добавление фильтров было .

В Google Data Studio добавили поддержку параметров BigQuery Google позволил пользователям сервиса Data Studio (Центр данных) создавать параметризованные запросы. Теперь при подключении к BigQuery через Data Studio можно будет использовать специальные параметры даты или определять свои собственные именованные параметры как часть польз.

В новом Яндекс.Браузере для Android появился пофразовый перевод В новой версии мобильного Яндекс.Браузера для Android появилась возможность переводить не только страницы целиком, но и отдельные слова и фразы. Чтобы перевести фрагмент текста, его просто нужно выделить на странице. Новый переводчик уже работает в Яндекс.Браузере для .

Яндекс приглашает на вебинар «Турбо-страницы для интернет-магазинов» 15 октября в 12:00 (по московскому времени) Яндекс проведет бесплатный вебинар, посвященный новым возможностям турбо-страниц для интернет-магазинов. Турбо-страницы для интернет-магазинов формируются на основе содержимого сайта и быстро загружаются даже на смартфонах с медле.

Инструменты тестирования Google получили поддержку нового Googlebot Google наконец добавил поддержку нового, «вечнозелёного» Googlebot в свои инструменты тестирования. Об этом сообщается в официальном блоге компании для вебмастеров. Среди тех инструментов, которые получили это обновление, значатся: Проверка URL в Search Console Проверка опти.

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

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

У партнеров РСЯ появилась возможность зафиксировать видеобаннер InPage при прокрутке Видеобаннер InPage теперь можно закреплять в верхней или в нижней части страницы сайта, либо автоматически — в зависимости от того, как пользователь ее прокручивает. Команда РСЯ считает, что это позволит вебмастерам увеличить доход с рекламного .

В Google Chrome теперь можно отправлять веб-страницы на другие устройства На этой неделе Google приступил к запуску Chrome 77 на Windows, Mac, iOS и Android. Одним из нововведений в этой версии стала возможность отправки веб-страниц на другое устройство пользователя.Чтобы отправить страницу с десктопа, нужно кликнуть правой кнопкой мыши по нужной .

Google запускает решение для показа реальных URL для AMP-страниц Google решил проблему с отображением URL издателей, использующих формат AMP. Теперь в результатах поиска в браузере Chrome пользователи смогут видеть реальный URL (ebay.com), а не Google AMP URL (google.com/amp/ebay.com). Для этого Google внедрил в Chrome поддержку нового ве.

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

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

Google Ads добавил новые функции на страницу «Рекомендации» Google Ads обновил функционал рекомендаций, помогающих повысить показатель оптимизации и эффективность рекламных кампаний. Среди нововведений – улучшенные рекомендации по ключевым словам, новый режим просмотра и возможность выполнения массовых действий. Улучшенные рекомендац.

Директ увеличил количество быстрых ссылок в объявлениях до 8-ми К текстово-графическим объявлениям в Директе теперь можно добавить не четыре, а сразу восемь быстрых ссылок, ведущих на страницы рекламируемого сайта, страницу товара или услуги на Яндекс.Маркете или в социальных сетях, на турбо-страницы. Быстрые ссылки показываю.

Яндекс открыл сервис Yandex Vision для сторонних разработчиков На платформе Яндекс.Облако открылся сервис Yandex Vision для анализа изображений при помощи моделей машинного обучения. Yandex Vision подходит, например, для создания электронного архива документов с возможностью поиска или для автоматизации бизнес-процессов. Для работы.

В поиске Яндекса появился колдунщик десктопных Турбо-страниц Попасть в него могут контентные сайты, тестирующие ускоренные страницы для десктопа

Турбо-страницы: настройка и эффективная монетизация Турбо-страницы помогают сделать сайт быстрее, удобнее и эффективнее, что очень положительно влияет на пользовательские метрики Сообщение Турбо-страницы: настройка и эффективная монетизация появились сначала на Searchengines.ru.

В Google Optimize теперь доступны мультистраничные эксперименты Google сообщил о запуске мультистраничных экспериментов в инструменте для A/B-тестирования и персонализации сайтов Google Optimize. Теперь при создании экспериментов или персонализаций пользователи сервиса смогут добавить в них дополнительные страницы, чтобы расширить их охв.

«Одноклассники» открыли «звёздную» функцию для всех пользователей Команда социальной сети «Одноклассники» объявила о запуске функции, которую давно запрашивали пользователи. Теперь пользователи получили доступ к статистике своих страниц и узнать, какой контент вызывает наибольший интерес у друзей. Ранее такими возможностя.

Яндекс приглашает на вебинар по настройке и монетизации турбо-страниц 5 июня Яндекс проведет вебинар под названием «Турбо-страницы Яндекса: настройка и эффективная монетизация». На вебинаре речь пойдет о том, как турбо-страницы уменьшают потери трафика и помогают владельцам сайтов увеличить доход от монетизации. Слушатели узнают, как подключит.

Facebook больше не обещает бесплатное использование Социальная сеть Facebook отказалась от использования слогана «Это бесплатно и всегда будет бесплатно» («Itʼs free and always will be»), который ранее присутствовал на странице регистрации. Никакого официального заявления об этом компания не опубликовала. Ранее стартовая стра.

Google: не добавляйте разметку Organization на каждую страницу Во время недавней видеовстречи для вебмастеров сотрудник Google Джон Мюллер ответил на вопрос касательно использования разметки Organization. В частности, владелец сайта интересовался, где именно стоит использовать эту разметку. Нужно ли её добавлять на главную страницу? На .

Facebook начал тестировать новый дизайн веб-версии в России На днях Facebook запустил новое оформление веб-версии соцсети для части пользователей в России. Об этом свидетельствуют их сообщения в Twitter и на других площадках. Среди основных изменений – более крупный шрифт и упрощённые шаблоны; вверху страницы больше нет фирменной си.

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

Рост Pinterest в 2020 году замедлился из-за апдейта Google В 2020 году рост визуального сервиса Pinterest пострадал из-за обновления поискового алгоритма Google. Об этом говорится в заявке на IPO, поданной компанией на днях. Согласно документу, в первом квартале 2020 года Google деиндексировал целевые страницы Pinterest, что повлиял.

На страницах в LinkedIn появится вкладка с рекламными объявлениями Социальная сеть LinkedIn добавит на страницы компаний и организаций новую вкладку «Ads», где будет содержаться весь их спонсированный контент за последние шесть месяцев. Просматривая рекламу в новом разделе, пользователи смогут переходить по ссылкам в ней. При этом с рекламо.

SEL: в Google остаются проблемы с бизнес-профилями компаний Около двух недель назад отдельные пользователи Google Мой бизнес заметили, что после добавления сокращённого названия их страницы пропали из результатов поиска. Позже в Google заявили, что на самом деле проблема была связана с технической ошибкой и не имеет отношения к добав.

«Одноклассники» открыли «звёздную» функцию для всех пользователей Команда социальной сети «Одноклассники» объявила о запуске функции, которую давно запрашивали пользователи. Теперь пользователи получили доступ к статистике своих страниц и узнать, какой контент вызывает наибольший интерес у друзей. Ранее такими возмо.

Search Console начал рассылать на почту ежемесячные отчёты об эффективности Google начал рассылать отдельным пользователям Search Console ежемесячные отчёты об эффективности. Они приходят на электронную почту. В этих отчётах содержится информация о кликах, показах и страницах с первыми показами по сайту. Google также выделяет лучшие страницы и предо.

В Gmail появятся динамические сообщения на базе AMP Google приступил к запуску динамических сообщений в Gmail. Новый формат работает на базе технологии AMP for Email. Теперь пользователи смогут легко выполнять различные действия внутри самого сообщения, а не открывать новую страницу – отвечать на комментарии, заполнять опросн.

Google Ads обновил алгоритм расчёта скорости страниц на мобильных устройствах Google Ads обновил алгоритма расчёта показателя «Скорость работы на мобильных устройствах» (Mobile Speed Score). Этот параметр доступен в отчёте «Целевые страницы». Он показывает, насколько быстро страницы сайта загружаются на мобильных устройствах, и оценивается по шкале от.

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

Яндекс.Диалоги ввели ускоренную модерацию навыков Платформа Яндекс.Диалоги обновила процессы, связанные с модерацией навыков. Теперь в среднем модерация занимает 2 часа, в редких случаях — до суток. Протестировать новую модерацию уже можно прямо сейчас. Разработчики Диалогов напоминают, что во&.

Google запустит единую корзину для покупок в Поиске, Картинках и YouTube Google расширит возможности для шопинга, позволив пользователям добавлять товары из разных своих сервисов – Поиска, Картинок и YouTube – в единую корзину для покупок. Это нововведение связано с редизайном Google Shopping, анонсированным в рамках Google Marketing Live 2020. Т.

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

ВКонтакте позволил администраторам отвечать клиентам в мобильном приложении Команда ВКонтакте сообщила, что администраторы сообществ теперь могут отвечать на сообщения прямо в мобильном приложении VK. Нововведение поможет владельцам Страниц бизнеса оперативнее откликаться на запросы клиентов. От этого напрямую зависят лояльность и продажи: по .

Google представил дудл на основе искусственного интеллекта На стартовой странице поиска Google сегодня появился интерактивный дудл, посвященный дню рождения композитора Иоганна Себастьяна Баха. Это первый дудл, созданный на основе искусственного интеллекта. Дудл позволит пользователям почувствовать себя композиторами и соз.

Facebook будет проактивно удалять страницы предполагаемых нарушителей Facebook представил несколько нововведений, призванных усилить борьбу с нарушающим правила контентом на платформе. Изменения нацелены на владельцев публичных страниц. Во-первых, начиная с 24 января администраторы страниц будут видеть новую вкладку «Page Quality». В этом разд.

Google начал добавлять в заголовки сниппетов названия городов Западные SEO-специалисты заметили, что Google начал добавлять в заголовки поисковых сниппетов названия городов. «Я видела, как Google меняет заголовки, много раз, но впервые вижу, как он добавляет название города для обычной страницы услуг. Если Google так делает, то это хор.

Google: мы не используем поведенческие метрики в ранжировании Представители Google уже неоднократно отмечали, что поисковик не учитывает поведенческие факторы в ранжировании. На днях сотрудник команды поиска Мартин Сплитт (Martin Splitt) снова заявил об этом, отвечая на вопрос одного из вебмастеров в Twitter. Вопрос выглядел так: «Испо.

Majestic начал предоставлять больше информации о входящих ссылках Команда сервиса Majestic сообщила о запуске обновления для инструмента Site Explorer, которое позволит SEO-специалистам более глубоко исследовать входящие ссылки. Инструмент теперь распределяет веб-страницы по 40 сегментам и показывает, где именно находятся ссылки на ст.

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

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

Microsoft поделилась дорожной картой по развитию Microsoft Edge Chromium Microsoft решила поделиться большим количеством новостей о браузере Microsoft Edge на базе Chromium. Помимо выхода бета-версии браузера и появления новой функции «Коллекции» в ветке Canary, компания опубликовала дорожную карту по дальнейшему развитию браузера. Пост в блоге .

ВКонтакте запускает архивацию публикаций Сегодня, в Международный день защиты персональных данных, социальная сеть ВКонтакте объявила о реализации возможности архивирования записей. Архивация записей — это удобный способ быстро скрыть неактуальные публикации со своей страницы по отдельности или за выбранный п.

Windows 10 on ARM для Lumia 950 XL теперь имеет пользовательский интерфейс набора Выпуск Windows 10 для чипсетов ARM также открыл возможности для портирования операционной системы на устаревшие телефоны Windows Phone и Android с флагманом Snapdragon SoC. Разработчики уже опробовали Windows 10 on ARM на Lumia 950 XL и теперь занимаются оптимизацией пользов.

Opera получила встроенную защиту от отслеживания Команда разработчиков Opera объявила о выходе новой, 64-й версии своего десктопного браузера. Одним из основных нововведений в этом релизе стало добавление блокировщика трекеров, который усложнит рекламодателям и маркетологам отслеживание активности пользователей в интернете.

Google прояснил, в какую часть страницы можно добавлять разметку JSON-LD Google выпустил очередное видео в справочной серии #AskGoogleWebmasters. Темой нового выпуска стала разметка JSON-LD. В частности, в какой части страницы она может быть размещена. Вопрос к Google звучал так: «Можно ли добавлять разметку JSON-LD в нижнюю часть тега Социальные сети Рунета
// Контакты

Мастер Йода рекомендует:  Учимся программировать с помощью задач с числами
Добавить комментарий