Как новые многофункциональные карты Google меняют мобильный UX и SEO

1. Что такое богатые карты?
2. Как реализовать Rich Card
3. Использование JSON-LD
4. Google поможет вам сделать это правильно
5. Еще один замечательный инструмент
6. Начните сейчас: я знаю, что буду

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

Что такое богатые карты?

Google Rich Cards

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

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

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

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

Как реализовать Rich Card

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

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

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

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

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

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

Использование JSON-LD

При кодировании ваших страниц с помощью дополнительной разметки Google настоятельно рекомендует использовать JSON-LD.

Если вы не знакомы с JSON-LD это расширение JSON (нотация объектов JavaScript), которое позволяет разработчикам сериализовать данные через Интернет с использованием связанных данных (это «LD»). В этом случае это в основном способ информировать робота Google о содержании вашей страницы, чтобы она могла правильно отображаться в виде расширенной карты.

Google предоставляет пример того, как выглядит типичный формат JSON-LD для карты с расширенными возможностями (полный пример приведен ниже):

<script type = "application / ld + json">{"@context": "http://schema.org/","@type": "Recipe","name": "Perfect Apple Pie","author ":" Джин Бланко "," image ":" http://images.edge-generalmills.com/56459281-6fe6-4d9d-984f-385c9488d824.jpg "," description ":" Классический яблочный пирог использует ярлык с easy Pillsbury® unroll-fill охлажденная пирожная корочка. "," aggregateRating ": {" @type ":" AggregateRating "," ratingValue ":" 4.5 "," reviewCount ":" 276 "," bestRating ":" 5 ",«худший рейтинг»: «1»},«prepTime»: «PT30M»,«totalTime»: «PT3H»,«recipeYield»: «8»,«nutrition»: {«@type»: «NutritionInformation»,«serveSize» : «1 средняя часть»,«калории»: «230 калорий»,«fatContent»: «1 г»,«углеводы»: «43 г»,«содержание холестерина»: «0 мг»,«fiberContent»: «1 г «,« proteinContent »:« 1 г »,« насыщенныйжирный контент »:«2 ½ г »,« serveSize »:« 1порция »,« натрияContent »:« 200 мг »,« sugarContent »:« 27 г »,« transFatContent » ":" 0 г "}," recipeIngredient ": [" 1 коробка Pillsbury ™ охлажденных пирожных корочек, размягченных какнаправлено на коробку »,« 6 чашек тонко нарезанных, очищенных яблок (6 средних) »,« 3/4 чашки сахара »,« 2 столовые ложки универсальной муки »,« 3/4 чайной ложки молотой корицы »,« 1/4 чайной ложки соль »,« 1/8 чайной ложки молотого мускатного ореха »,« 1 столовая ложка лимонного сока »],« recipeInstructions »: [« 1 Нагрейте духовку до 425 ° F.Поместите 1 корку пирога в 9-дюймовую стеклянную пластину для пирога.Плотно прижмите к бокам и дну. "," 2 В большой миске аккуратно смешайте наполнители;ложка в покрытую коркой тарелку пирога.Вершина со второй корочкой.Оберните лишнюю верхнюю корку под нижним краем корки, сжимая края вместе, чтобы запечатать;флейта.Разрезать кусочки или формы в нескольких местах в верхней части корочки. "," Выпекать 40 - 45 минут или до тех пор, пока яблоки не станут мягкими, а корочка не станет золотисто-коричневой.Покройте края корки полосками фольги шириной от 2 до 3 дюймов после первых 15-20 минут выпекания, чтобы предотвратить чрезмерное потемнение.Охладите на охлаждающей подставке как минимум за 2 часа до подачи на стол. "]}</ Script>

Даже если вы не знакомы с JSON-LD, вы можете видеть, что большая часть кода довольно интуитивно понятна. Это немного больше, чем серия пар имя / значение, которые легко читать как для компьютера, так и для человека.

Google поможет вам сделать это правильно

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

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

Если вы предпочитаете, вы можете также ввести фрагмент кода в инструмент, чтобы проверить это вместо целого URL. Просто нажмите на ссылку «Фрагмент кода» в верхней части формы.

Еще один замечательный инструмент

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

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

Инструмент «Rich Cards» появляется сразу под заголовком «Search Appearance» в левой боковой панели Search Console. Просто нажмите на него, и вы увидите информацию о том, как ваши богатые карты появляются в поисковой выдаче.

Однако сейчас вы, вероятно, видите на этой странице следующее сообщение: «Мы не нашли структурированных данных для карт с расширенными возможностями на вашем веб-сайте». Это просто означает, что вы еще ничего не добавили.

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

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

Начните сейчас: я знаю, что буду

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

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

Похожие

Комментарии