Настройка ускоренных мобильных страниц AMP для WordPress

/, SEO/Настройка ускоренных мобильных страниц AMP для WordPress

Настройка ускоренных мобильных страниц AMP для WordPress

Хотите начать работу с ускоренными мобильными страницами (AMP)? Прочитайте это удобное руководство для пользователей WordPress.

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

Пользователи ожидают, что мобильные сайты будут загружаться так же быстро, как и их настольные копии. Фактически, Amazon, один из крупнейших интернет-магазинов, пришел к выводу, что даже односекундное отставание в скорости загрузки страницы объясняло снижение годового дохода на 1,6 млрд. Долл. США.

Ускоренные мобильные страницы (AMP) быстро становятся стандартом для создания страницы быстрой загрузки. Используя предварительную визуализацию, AMP могут загружать на 15-80 процентов быстрее, чем стандартные мобильные страницы без ущерба для функциональности. Хотя простота внедрения AMP будет зависеть от вашей системы управления контентом (CMS), WordPress может быть хорошей тестовой средой для предварительного просмотра вашей страницы AMP.

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

Примечание. Части этого руководства предполагают, что вы активировали плагин Yoast SEO как часть вашей установки WordPress. Если вы этого не сделали, вы можете просто пропустить те части, которые ссылаются на этот плагин, — вы все равно можете активировать функциональность AMP без него, но я настоятельно рекомендую этот плагин, если вы серьезно относитесь к SEO для своего сайта WordPress.

Шаг 1: Установите и активируйте плагин AMP

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

Плагин AMP будет автоматически генерировать AMP-совместимые версии всех ваших сообщений, которые вы можете просмотреть, добавив / amp / в конец ваших URL-адресов. Например:

  • Оригинальный URL: http://searchengineland.com/bing-audience-targeting-in-market-custom-audiences-277080/
  • URL AMP: http://searchengineland.com/bing-audience-targeting-in-market-custom-audiences-277080/amp/
  • Обратите внимание, что только ваши сообщения, а не ваши страницы, будут совместимы с AMP с этим базовым плагином. Чтобы сделать ваши страницы совместимыми с AMP, вам необходимо установить дополнительный плагин (подробнее см. Ниже).

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

  • AMP для WP — ускоренные мобильные страницы. Значительные возможности этого плагина включают интеграцию с Google AdSense, rel=поддержку канонических тегов, компоновщик страниц с перетаскиванием AMP и возможность создавать контент AMP, который отличается от контента на стандартном мобильные страницы.
  • Клей для Yoast SEO и AMP. Одним из преимуществ использования этого плагина является то, что он позволяет создавать страницы, сообщения и медиа AMP-совместимые. Плагин «Клей для Yoast» также плавно гарантирует, что плагин AMP по умолчанию использует правильные метаданные. Подобно AMP для WP плагина, он позволяет настраивать стиль страниц AMP, и вы даже можете выбрать пользовательский значок и изменить способ отображения логотипа вашего сайта на странице AMP. (Примечание. У вас должен быть установлен и активирован плагин Yoast SEO, чтобы он мог работать с плагином.)
  • Шаг 2. Настройка Google Analytics

    Чтобы настроить ваши страницы для отслеживания Google Analytics, сначала нужно найти идентификатор отслеживания. Войдите в Google Analytics, затем щелкните значок шестеренки в левом нижнем углу, чтобы открыть панель администратора. После того, как вы выбрали ACCOUNT и PROPERTY из соответствующих раскрывающихся меню, щелкните, где указано «Информация отслеживания» в столбце «НЕДВИЖИМОСТЬ». Оттуда нажмите «Код отслеживания», чтобы увидеть свой идентификатор отслеживания — идентификатор должен начинаться с UA.

    Скопируйте идентификатор отслеживания, затем войдите в WordPress. В левой руке перейдите в AMP> Analytics и вставьте идентификатор отслеживания, где говорится «Google Analytics». Затем нажмите «Сохранить изменения».

    Шаг 3. Настройка параметров плагина

    На этом этапе я расскажу о некоторых базовых конфигурациях для Glue for Yoast SEO plugin, упомянутых в шаге 1. Вы можете пропустить этот шаг, если вы решили не устанавливать этот плагин.

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

    Для начала перейдите в Yoast SEO> AMP> Типы сообщений. Здесь вы можете выбрать, какие типы сообщений должны соответствовать требованиям AMP.


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

    Шаг 4: Проверьте / подтвердите настройку AMP

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

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

    Вариант 1: Тест AMP

  • Перейдите на страницу https://search.google.com/test/amp
  • Вставьте здесь свой URL и нажмите «Запустить тест», затем обратите внимание на результат (действительный / недействительный).
  • Вариант 2: Консоль разработчика

    Этот параметр предназначен специально для тех, кто использует браузер Google Chrome. Если вы используете другой браузер (Firefox, Safari, Microsoft Edge или другой), этот параметр не применим к вам.

  • Откройте страницу AMP в своем браузере.
  • Добавить # development=1 в URL
  • Пример: http://eliteseoteam.com/healthy-spaghetti-squash-pad-thai/amp/#development=1
  • Откройте Chrome Dev Tools Console (в меню Chrome выберите «Другие инструменты»> «Средства разработки», а затем перейдите на вкладку «Консоль») и проверьте наличие ошибок проверки.
  • Если все хорошо, проверка должна быть успешной.
  • Вариант 3: Валидатор AMP

  • Перейдите на страницу https://validator.ampproject.org/
  • Вставьте URL-адрес AMP в поле «URL» и нажмите «Подтвердить».
  • Этот инструмент выделяет любые ошибки и помещает их в HTML.
  • Примечание. Вы также можете использовать расширение браузера AMP Validator для просмотра тех же результатов по самому URL-адресу AMP.

    Шаг 5: Отправьте наиболее важные URL-адреса AMP для индексации

    При использовании теста AMP через Google Search Console вы можете нажать кнопку «отправить в Google» после запуска теста и проверки страницы:

    Кроме того, если вы вошли в свою учетную запись Консоли Google Search, вы можете выполнить поиск «отправить в Google» и отправить URL-адрес непосредственно в результатах поиска Google

    При отправке вашей страницы AMP в Google это не является обязательным требованием, Google будет индексировать вашу страницу AMP только в том случае, если она внутренне связана или указана в файле Sitemap XML.

    Шаг 6: просмотр в Google Search Console для устранения неполадок

    Консоль Google Search обеспечивает способ управления всеми вашими страницами AMP в одном сжатом месте.

  • Войдите в консоль Google Search.
  • В разделе «Поиск» выберите «Ускоренные мобильные страницы».

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

    Шаг 7: Проверка скорости страницы

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

    Начало работы с AMP!

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

    Для получения последних обновлений и разработок в проекте Google AMP, читайте здесь.

    By | 2018-10-31T14:48:59+02:00 Ноябрь 7th, 2017|Categories: Google, SEO|Tags: , , , |0 Comments

    Leave A Comment

    ОСТАВЬТЕ ЗАЯВКУ
    Перешедшим от других SEO-компаний приветственная скидка 40%
    Мы Вам перезвоним и подготовим лучшее предложение.
    1. Позвоним
    2. Проведем аналитику
    3. Разработаем прогноз
    4. Презентуем стратегию
    5. Подпишем договор
    6. Запустим проект
    Хотите купить квартиру?
    Обращайтесь и мы Вам поможем
    • Скорость решения вопроса
    • Ваш финансовый интерес
    • Качественное обслуживание
    • Всесторонняя забота о клиенте
    • Работаем на репутацию
    • Поддержка на всех этапах
    * we never share your e-mail with third parties.
    Do you want more traffic?
    Dignissim enim porta aliquam nisi pellentesque. Pulvinar rhoncus magnis turpis sit odio pid pulvinar mattis integer aliquam!
    • Goblinus globalus fantumo tubus dia montes
    • Scelerisque cursus dignissim lopatico vutario
    • Montes vutario lacus quis preambul den lacus
    • Leftomato denitro oculus softam lorum quis
    • Spiratio dodenus christmas gulleria tix digit
    • Dualo fitemus lacus quis preambul pat turtulis
    • Scelerisque cursus dignissim lopatico vutario
    • Montes vutario lacus quis preambul den lacus
    SUBSCRIBE TO OUR NEWSLETTER AND START INCREASING YOUR PROFITS NOW!
    * we never share your e-mail with third parties.
    ОСТАВЬТЕ ЗАЯВКУ
    6 шагов за 31 день для увеличения ваших продаж
    1. Анализируем спрос и предложение
    2. Выделяем тематические сегменты
    3. Создаем группы объявлений
    4. Следим за отдачей от объявления
    5. Корректируем рекламную кампанию
    6. Предоставляем подробные отчеты
    ОСТАВЬТЕ ЗАЯВКУ
    При заказе сайта магазин на Facebook бесплатно!
    И вы получите самый социальный инструмент для продаж.
    1. Проведем аналитику
    2. Подготовим контент
    3. Добавим продукты
    4. Произведем настройку
    5. Синхронизируем магазины
    6. Вам остается наслаждаться




    PGlmcmFtZSB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzcmM9Imh0dHA6Ly9tYWdhemluc2l0ZS5ydS93cC1jb250ZW50L3VwbG9hZHMvMjAxNy8wOS/QodC+0LfQtNCw0L3QuNC1LdGB0LDQudGC0LAt0LIt0JrQuNGI0LjQvdC10LLQtS3QnNC+0LvQtNC+0LLQsC5tcDQ/YXV0b3BsYXk9MSIgZnJhbWVib3JkZXI9IjAiIGFsbG93ZnVsbHNjcmVlbj48L2lmcmFtZT4=
    ЗАЧЕМ СОЗДАВАТЬ САЙТ
    • Goblinus globalus fantumo tubus dia montes
    • Scelerisque cursus dignissim lopatico vutario
    • Montes vutario lacus quis preambul den lacus
    • Leftomato denitro oculus softam lorum quis
    • Spiratio dodenus christmas gulleria tix digit
    • Dualo fitemus lacus quis preambul pat turtulis
    * we never share your e-mail with third parties.
    Do you want massive traffic?
    Dignissim enim porta aliquam nisi pellentesque. Pulvinar rhoncus magnis turpis sit odio pid pulvinar mattis integer aliquam!