Руководство по SEO Magento 2.0: основы и расширенная настройка

  1. Вступление Magento 2.0 был выпущен в прошлом году и уже поразил профессионалов электронной коммерции...
  2. Эта глава: что нового для SEO?
  3. Руководство по SEO
  4. Улучшения от Magento 1.x
  5. Схема продукта / предложения
  6. Google AdWords / Менеджер тегов Google
  7. Социальные теги
  8. Улучшено Minify!
  9. Меньше мусорных страниц
  10. Гораздо лучше Поддержка лака
  11. Прототип JS пропал, Привет jQuery и requireJS
  12. Эксперименты по контенту Google
  13. ARIA атрибуты
  14. Что можно улучшить?
  15. Расширенная интеграция с Google Analytics
  16. Минимизировать настройки
  17. Массовые обновления на странице

Вступление

Magento 2.0 был выпущен в прошлом году и уже поразил профессионалов электронной коммерции своими новыми функциями и улучшениями.

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

Вопросы SEO были важной частью разработки Magento 2.0, и она обещает быть более быстрой и гибкой, чем то, что мы видели раньше.

О руководстве

PushON потратил некоторое время на изучение Magento 2 PushON потратил некоторое время на изучение Magento 2.0, чтобы оценить его с точки зрения чистой SEO.

Наша первоначальная оценка показывает, что;

  • Многие проблемы из Magento 1.9.x были перенесены, и многие из тех же шагов по их устранению все еще будут необходимы.
  • Существенные улучшения существующих функций (и новых функций) доступны «из коробки» впервые.

Как Партнеры по решениям Magento PushON выпустил следующее руководство, чтобы помочь владельцам сайтов, разработчикам и оптимизаторам получить максимальную отдачу от Magento 2.0.

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

Эта глава: что нового для SEO?

Ниже мы обсудим:

Руководство по SEO

Версия для печати: загрузите копию нашего руководства в формате PDF. Включает 6 бонусных советов для получения максимальной отдачи от Google Analytics с Magento 1.9.x / 2.0

Мы документировали некоторые различия между Magento 1.x и Magento 2.0 для тех, кто хочет сделать это. Если у вас уже есть настройки магазина Magento 2.0, мы рекомендуем перейти непосредственно к первой главе.

Улучшения от Magento 1.x

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

Схема продукта / предложения

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

Это может быть реализовано в Magento 1.9.x с помощью сторонних расширений, таких как SEO-плагин Creare, - или с небольшим объемом разработки - но оно доступно из коробки в Magento 2.0.x с использованием микроданных, а не JSON + LD.

Смотрите тест, используя наш демонстрационный сайт Magento 2 ,

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

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

Google AdWords / Менеджер тегов Google

К счастью, отслеживание конверсий Google AdWords теперь интегрировано в Magento 2.0 - вам не нужно будет заставлять своих разработчиков добавлять тег на страницу подтверждения заказа.

Для Google Analytics Universal Analytics - единственный вариант, предлагаемый в Community Edition. Magento 1.9.1 был первым выпуском, который переключился с Classic Google Analytics (ga.js) на Universal Analytics (analytics.js), поэтому может оказаться новым для тех, кто отстает в своем цикле обновлений. Внедрение предлагает стандартное отслеживание, включая электронную торговлю, но пока не поддерживает некоторые новые функции, доступные в UA.

Однако владельцы сайтов, приобретающие Magento 2.0 Enterprise Edition, найдут поддержку многих более продвинутых функций через Google Tag Manager. Читать Глава 4 на прогулку!

Социальные теги

Теперь они интегрированы в ядро ​​Magento! Страницы продукта теперь используют теги OpenGraph для Facebook и Pinterest. Они определяют текст, который отображается, заголовок и изображение, которое загружается в Facebook при публикации URL-адреса с вашего сайта.

Стандарт Twitter («карты Твиттера») в настоящее время не поддерживается, но в настоящее время в этом нет необходимости, поскольку Twitter использует теги OpenGraph, когда его собственные теги недоступны.

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

В настоящее время реализация поддерживает тип продукта og:, который также позволяет получать информацию о ценах

Улучшено Minify!

Функциональность minify в Magento 2.0 улучшена.

Как и традиционные минимизации, администраторы получают возможность;

  • Слияние файлов JS и CSS без минификации
  • Сократите файлы JS и CSS, сохранив их все отдельно.

Эта гибкость является улучшением, поскольку она позволяет пользователям минимизировать свои файлы JS / CSS, если их объединение вызывает проблемы.

Стоит отметить, что стандартная тема Luma минимизируется должным образом - она ​​создает 3 файла CSS.

  • Один для мобильного,
  • Тот, который расширяет мобильный CSS для настольных компьютеров / планшетов
  • И версия для печати.

Это хорошая практика и эффективное развитие интерфейса.

Одной из новых функций является возможность минимизировать HTML - ранее это было необходимо стороннее расширение ,

Меньше мусорных страниц

Одной из худших возможностей с точки зрения SEO в Magento 1.x было то, как он обрабатывал обзоры, сравнения продуктов и списки пожеланий.

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

Magento 2.0.x, кажется, справляется с этим гораздо лучше - обзоры являются частью страницы продукта, и добавление в список пожеланий / сравнение продуктов теперь основано на AJAX и не подлежит сканированию.

Гораздо лучше Поддержка лака

Если вам повезло использовать Magento 2.0 EE, здесь произошли некоторые реальные улучшения.

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

Magento 2.0 EE помогает в этом, создавая файлы конфигурации VCL для Varnish 3/4.

Прототип JS пропал, Привет jQuery и requireJS

Prototype - это альтернатива jQuery, которую на самом деле использовали очень немногие.

Это была самая известная библиотека, которую Magento заставлял загружать, которую никто не использовал, потому что вместо этого они использовали jQuery. Прототип был менее популярен среди разработчиков - иногда он ломал ряд других библиотек и фреймворков JS. Magento 2.0 удаляет Prototype и заменяет его на jQuery. В практическом плане ваши веб-страницы теперь будут загружаться примерно на 0,1 с быстрее - небольшое, но заслуживающее внимания улучшение.

Другое новое дополнение - requireJS, файл Javascript и загрузчик модулей.

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

Хотя его основная цель - более безопасная загрузка файлов Javascript (путем управления их зависимостями), сайты, использующие его, могут претендовать на более быстрое рендеринг, поскольку загружают файлы JS, которые загружаются асинхронно (без блокировки рендеринга страницы)

Источник: https://developers.google.com/web/fundamentals/performance/critical-rendering-path/analyzing-crp

При правильной реализации использование requireJS подойдет для большинства сайтов Magento - хотя некоторые браузеры, такие как Chrome, теряют способность предварительно загружать скрипты - есть блог о плюсах и минусах в Hootsuite ,

Эксперименты по контенту Google

Он довольно хорошо спрятан, но новый модуль Google Optimizer в Magento 2.0 позволяет проводить эксперименты с Google Content.

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

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

Изменения, созданные в Google Analytics, в первую очередь направлены на перенаправление процента пользователей на альтернативную страницу («вариант») на сайте - но более опытные пользователи могут использовать Javascript для манипулирования содержимым страницы без перенаправлений вместо.

Magento 2.0 предоставляет владельцам сайтов место для вставки экспериментального кода без необходимости в стороннем решении, таком как Hotjar или Optimizely.

ARIA атрибуты

Это не улучшение SEO, но это приятно видеть - стандартная тема Luma использует ARIA сделать его более доступным для программ чтения с экрана и аналогичных устройств, особенно тех, которые используются слепыми или слабовидящими людьми. ARIA или Доступные Богатые Интернет-Приложения;

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

ARIA - это набор специальных атрибутов доступности, которые можно добавить к любой разметке, но особенно подходит для HTML. Атрибут role определяет тип объекта (например, статья, оповещение или слайдер). Дополнительные атрибуты ARIA предоставляют другие полезные свойства, такие как описание формы или текущее значение индикатора выполнения.

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

Что можно улучшить?

Magento 2.x все еще находится на очень раннем этапе своего жизненного цикла, и некоторые расширения, которые помогли улучшить функциональность в версии 1, еще не были воссозданы. Рассматривая Magento 2.0 критически, мы обсуждаем некоторые функции, которые мы надеемся увидеть в ближайшее время.

Расширенная интеграция с Google Analytics

Версия Google Analytics для Universal Analytics была запущена в октябре 2012 года, но она не была интегрирована в Сообщество Magento до версии 1.9.1 в ноябре 2014 года. В число функций, представленных в Universal Analytics, входят:

  • Сшивание сессий - возможность объединения разных сессий (даже в разных браузерах и на разных устройствах) в случае, если пользователь заходит на ваш сайт.
  • Расширенное отслеживание электронной торговли (ec.js) - модуль, который дает гораздо больше отслеживания поведения пользователей, например, добавляет отслеживание корзины, воронки корзины покупок и производительность списка товаров.
  • Пользовательские размеры и пользовательские метрики - замена старых пользовательских переменных. Это позволяет сохранять «информацию» в отношении просмотра страницы, сеанса просмотра или пользователя, который затем можно использовать для сегментирования данных в Google Analytics. Например, передача «значения времени жизни» в пользовательскую метрику (в «области действия пользователя») позволит вам сегментировать пользователей, которые потратили (например, более 500 фунтов стерлингов)
  • Демографические и процентные отчеты - допускает сегментацию по предполагаемому возрасту и полу. Также позволяет создавать аудитории ремаркетинга для контекстно-медийной сети Google.

К сожалению, все это отсутствует в Magento 2.0 без покупки Enterprise Edition и использования Google Tag Manager. Владельцы сайтов в Magento 1.x были вынуждены полагаться на непопулярное официальное продление или сторонние расширения, которые были подвергнуты критике как «делающие сайт медленным и пропускающим неправильные данные».

Несомненно, станут доступны расширения для добавления поддержки этого для сообщества в Magento 2.x. Прочитайте главу 4 для ознакомления с одним из вариантов.

Минимизировать настройки

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

Magento 2.0 ничем не отличается. Проблемы, возникающие при объединении и минимизации сценариев / таблиц стилей, могут быть решены с помощью некоторой разработки, обеспечивающей выполнение определенных сценариев только при полной загрузке страницы. Но так не должно быть. Можно решить эти проблемы в административной части другой платформы. WordPress!

У PushON есть искренняя любовь к WordPress CMS. Это решение с низким объемом памяти для некоммерческой торговли и обладает одной из самых настраиваемых возможностей минимизации на уровне интерфейса, которую мы когда-либо видели через плагин W3 Total Cache.

В W3 Total Cache пользователи Admin могут выбирать;

  • Файлы заказа объединены,
  • Где они объединены (голова, после тела, верхняя часть тела),
  • Тип их встраивания (неблокирование с использованием defer, blocking),
  • Независимо от того, объединены они или нет,

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

Эта функциональность была бы полезна в следующих версиях.

Массовые обновления на странице

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

Magento 1.x и Magento 2.0.x предлагают метод экспорта / импорта продуктов для массовых обновлений продуктов, но у этого есть несколько проблем.

  • Категории не могут быть обновлены с помощью этого метода. Magento API должен использоваться для массового обновления категорий.
  • Экспортировать большие наборы продуктов очень просто - он опирается на сложный формат CSV (особенно с многострочными полями) и может довольно легко истечь время ожидания.
  • Обновления продукта устанавливаются с использованием SKU, ключа URL или идентификатора продукта, а не фактического URL. Обновления продукта также должны быть ориентированы на конкретную витрину.
  • Magento 1.x / 2.x не хранит историю изменений для продуктов без стороннее расширение (Только M1) - использование экспортных дампов или резервных копий для аналогичной функциональности.

Эта функциональность также будет полезна в будущих версиях.

Эта глава: что нового для SEO?
Эта глава: что нового для SEO?