SEO: что такое разметка схемы и почему это важно

1. Откуда происходит слово «схема»?
2. Почему схемы имеют значение для поисковых систем
3. 3 элемента схем - расширенный раздел этой статьи
4. Itemscope
5. Тип элемента
6. Itemprop
7. Смотрите пример схемы ниже:

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

Например, вы можете создать схему, обозначающую, что «2081 Columbiana Road» является адресом вашей компании. Может ли поисковая система понять это сама? Конечно, но когда дело доходит до того, что находится за пределами вашего адреса или номера телефона, поисковым системам становится все труднее. Разметка схемы помогает разбить ее на поисковые системы, что в конечном итоге может повлиять на результаты поиска.

Еще не перегружены? Продолжай читать!

Откуда происходит слово «схема»?

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

Если А происходит, а В обычно происходит после, то вы склонны быть настроенными понять и структурировать это соответствующим образом. В то время как у всех нас есть эта способность, у поисковых систем нет. Вот где разметка схемы пригодится!

Почему схемы имеют значение для поисковых систем

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

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

Обратите внимание на пример, он дает вам рейтинг, количество отзывов, время приготовления и количество калорий, а также изображение и описание. Это все разметка схемы!

Человек, создавший веб-сайт рецепта, использовал схемы для определения каждого элемента так, как это понимают поисковые системы, что оптимизировало результаты поиска. А как насчет других рецептов куриной запеканки без этой дополнительной информации? Они не использовали схемы!

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

3 элемента схем - расширенный раздел этой статьи

Готовы копать еще глубже? Ниже приведен пример разметки схемы с техническими подробностями за разметкой. Обратите внимание, этот раздел не для начинающих.

Это подводит нас к трем основным элементам, которые схема использует для разметки вашего сайта: (1) itemscope , (2) itemtype и (3) itemprop .

Itemscope

Как и в примере ниже, определяется область действия элемента, вокруг которого вы размещаете разметку. Вы видите, что он вложен в первый div - который определяет раздел или раздел в html-документе - и область действия распространяется на весь div, который даже включает * вложенные div.

Тип элемента

Тип элемента - это когда конкретный тип определяемого элемента вводится в уравнение. Как вы видите ниже, первый тип элемента в главном div определяется как профессиональный сервис. Это просто говорит о том, что все, что содержится в этом разделе, помогает определить этот профессиональный сервис более подробно Другой тип элемента - это почтовый адрес в * вложенном div несколькими строками ниже. Этот тип почтового адреса помогает более детально определить профессиональную услугу, создавая дополнительную информацию для поисковых систем.

Itemprop

Itemprop является наиболее конкретной деталью схемы, допускающей разметку. Itemprop устанавливает свойство itemtype и, по сути, добавляет определенный смысл. Ниже itemprop = ”name” определяет название профессиональной услуги как Uptick Marketing. Тогда itemprop = ”description” определяет описание профессиональной услуги. Довольно легко следовать правильно?

Теперь перейдем к разделу * nested div. Этот вложенный div имеет itemprop = ”address”, потому что весь этот вложенный div определяет адрес профессионального сервиса, который мы только что определили как Uptick Marketing. Внутри этого вложенного элемента div мы получаем более конкретную информацию и имеем свойства элемента, определяющие тип элемента, который мы задаем в качестве почтового адреса, который является адресом улицы, местоположением адреса, областью адреса и почтовым кодом.

Смотрите пример схемы ниже:

(1) <div itemscope (2) itemtype = ” https://schema.org/ProfessionalService «>

<h1> <span (3) itemprop = ”name”> Uptick Marketing </ span> </ h1>

<span (3) itemprop = ”description”> Миссия Uptick Marketing проста: предоставить клиентам стратегический, ориентированный на результаты цифровой маркетинг, который генерирует больше трафика, больше потенциальных клиентов и больше конверсий. </ span>

* <div (3) itemprop = ”address” itemscope (2) itemtype = ”http://schema.org/PostalAddress”>

<span (3) itemprop = ”streetAddress”> 2081 Columbiana Road Suite A </ span>

<span (3) itemprop = ”addressLocality”> Бирмингем </ span>,

<span (3) itemprop = ”addressRegion”> AL </ span>

<span (3) itemprop = ”postalCode”> 35501 </ span>

* </ div>

Телефон: <span (3) itemprop = ”telephone”> 205-271-8446 </ span>

(1) </ div>

Я уверен, что вам интересно, почему номер телефона не указан. Номер телефона не включен в тип элемента, определенный как почтовый адрес, потому что itemprop = ”telephone” не является приемлемым свойством для почтового адреса. Все это имеет смысл, когда вы смотрите на него за пределами разметки, и, возможно, не так много, если вы смотрите на него внутри. Вы также можете видеть, что тег деления типа почтового адреса был закрыт (</ div>), в котором говорится, что почтовый адрес больше не размечается. Поскольку дело обстоит именно так, itemprop = ”telephone” устанавливается как свойство исходного установленного нами типа элемента, профессионального обслуживания, поскольку тег div еще не закрыт.

Когда дело доходит до итераций, которые определяют типы элементов, типы элементов имеют набор разрешенных свойств. Как и в приведенном выше примере, itemprop = ”telephone” не может описать тип элемента почтового адреса, потому что номер телефона не является частью адреса. Вот почему мы переместили его за пределы закрытого вложенного div (</ div>) и позволили установить его как свойство типа элемента профессиональной службы.

Если вы хотите поднять свои усилия по поисковой оптимизации на новый уровень с помощью разметки схемы, Uptick Marketing может помочь!

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

Похожие

Комментарии