SEO

Примеры микроразметки для сайта. Микроформаты

Статья о правильном семантическом оформлении сайта при помощи микро форматов.

Данная статья будет полезна как для сео, так и просто для общего развития. Поэтому не поленитесь и обязательно прочтите, а лучше примените эти знания на своих проектах.

Что такое микроразметка?

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

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

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

Как правильно оформлять заголовки?

Заголовок на странице должен быть один и оформлен в тег

Заголовок

Чтобы разметить этот заголовок с помощью микроразметки, надо прописать следующее:

Заголовок

 Добавление хлебных крошек в сниппет

Хлебные крошки в выдаче добавляют еще больше ссылок на сайт:

Как оформить хлебные крошки для сайта Как оформить хлебные крошки для сайта

Для того, чтобы сделать отображение сайта таким, необходимо использовать схему: http://www.data-vocabulary.org/Breadcrumb/

И у каждой ссылки на раздел прописать следующее:

название ссылки

Оформление отзывов и звездочек ★★★★★

В последнее время все чаще и чаще можно заметить в поисковике сайты, которые отображаются со звездочками/количествами отзывов:

Оформление звездочек в выдаче сайта Оформление звездочек в выдаче сайта

Для этого необходимо там, где у нас есть отзывы прописать следующее:

Микроразметка цены и наличие товара на сайте

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

Цена: 450 р.

Описание товара для сайт, description

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

Описание товара

В результате всего вы получите следующее отображение сайта в выдаче:

описание товара в выдаче описание товара в выдаче

Проверка микроразметки

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

  1. Яндекс валидатор микроразметки
  2. Google Инструмент проверки структурированных данных

Видео о пользе семантической микроразметки сайта от компании Яндекс.

{"time":1561231569511,"blocks":[{"type":"paragraph","data":{"text":"Статья о правильном семантическом оформлении сайта при помощи микро форматов."}},{"type":"paragraph","data":{"text":"Данная статья будет полезна как для сео, так и просто для общего развития. Поэтому не поленитесь и обязательно прочтите, а лучше примените эти знания на своих проектах."}},{"type":"header","data":{"text":"Что такое микроразметка?","level":2}},{"type":"paragraph","data":{"text":"Это разметка веб-страницы с использованием специальных атрибутов для того, чтобы поисковые системы могли выбрать нужные им данные и представить их в поиске. Т.е. микроразметка — это способ семантической разметки сайта, который помогает поисковым системам понять ваш сайт."}},{"type":"paragraph","data":{"text":"Разметка в микроформатах необходима, чтобы  структурировать данные на страница и чтобы поисковым программам было легче извлечь полезную информацию из вашей страницы."}},{"type":"paragraph","data":{"text":"Сама микроразметка происходит в HTML коде страницы, никаких дополнительных файлов создавать не надо. И внешне эти атрибуты никаким образом не выделяются на сайте, они лишь служат маячками для поисковых систем."}},{"type":"header","data":{"text":"Как правильно оформлять заголовки?","level":2}},{"type":"paragraph","data":{"text":"Заголовок на странице должен быть один и оформлен в тег"}},{"type":"code","data":{"code":"

Заголовок

"}},{"type":"paragraph","data":{"text":"Чтобы разметить этот заголовок с помощью микроразметки, надо прописать следующее:"}},{"type":"code","data":{"code":"
\n

Заголовок

\n
"}},{"type":"header","data":{"text":" Добавление хлебных крошек в сниппет","level":2}},{"type":"paragraph","data":{"text":"Хлебные крошки в выдаче добавляют еще больше ссылок на сайт:"}},{"type":"image","data":{"file":{"url":"/storage/images/3KRptzDxDavRBtvfw0wPxxQgFgvVFHRzaRkTDfal.jpeg","thumbnails":["/storage/images/3KRptzDxDavRBtvfw0wPxxQgFgvVFHRzaRkTDfal_small.jpeg"]},"caption":"Как оформить хлебные крошки для сайта","withBorder":false,"stretched":false,"withBackground":false}},{"type":"paragraph","data":{"text":"Для того, чтобы сделать отображение сайта таким, необходимо использовать схему: http://www.data-vocabulary.org/Breadcrumb/"}},{"type":"paragraph","data":{"text":"И у каждой ссылки на раздел прописать следующее:"}},{"type":"code","data":{"code":""}},{"type":"header","data":{"text":"Оформление отзывов и звездочек ★★★★★","level":2}},{"type":"paragraph","data":{"text":"В последнее время все чаще и чаще можно заметить в поисковике сайты, которые отображаются со звездочками/количествами отзывов:"}},{"type":"image","data":{"file":{"url":"/storage/images/VMT8rkYNouPdJky8RLemXBa8zHl8WX2TX0GLgy4B.jpeg","thumbnails":["/storage/images/VMT8rkYNouPdJky8RLemXBa8zHl8WX2TX0GLgy4B_small.jpeg"]},"caption":"Оформление звездочек в выдаче сайта","withBorder":false,"stretched":false,"withBackground":false}},{"type":"paragraph","data":{"text":"Для этого необходимо там, где у нас есть отзывы прописать следующее:"}},{"type":"code","data":{"code":"
\n \n \n
"}},{"type":"header","data":{"text":"Микроразметка цены и наличие товара на сайте","level":2}},{"type":"paragraph","data":{"text":"Для того, чтобы в выдаче поисковика отображалась цена товара и ее наличие необходимо прописать следующее:"}},{"type":"code","data":{"code":"
\n
\n \n \n \n Цена: 450 р.\n
\n
\n
"}},{"type":"header","data":{"text":"Описание товара для сайт, description","level":2}},{"type":"paragraph","data":{"text":"Для того, чтобы описать какой-либо товар, необходимо использовать следующий код:"}},{"type":"code","data":{"code":"
\n

Описание товара

\n
"}},{"type":"paragraph","data":{"text":"В результате всего вы получите следующее отображение сайта в выдаче:"}},{"type":"image","data":{"file":{"url":"/storage/images/8pg107bx2jhxEnKr0TpuW9NLGuVRoWj0Izrf7zWR.jpeg","thumbnails":["/storage/images/8pg107bx2jhxEnKr0TpuW9NLGuVRoWj0Izrf7zWR_small.jpeg"]},"caption":"описание товара в выдаче","withBorder":false,"stretched":false,"withBackground":false}},{"type":"header","data":{"text":"Проверка микроразметки","level":2}},{"type":"paragraph","data":{"text":"Для того, чтобы проверить правильность микроразетки, необходимо проверить сайт в следующих системах:"}},{"type":"list","data":{"style":"ordered","items":["Яндекс валидатор микроразметки","Google Инструмент проверки структурированных данных"]}},{"type":"delimiter","data":{}},{"type":"paragraph","data":{"text":"Видео о пользе семантической микроразметки сайта от компании Яндекс."}},{"type":"raw","data":{"html":""}}],"version":"2.13.0"}
image

Евгений

Специалист по разработке систем на современных PHP фреймворках.