Статья о правильном семантическом оформлении сайта при помощи микро форматов.
Данная статья будет полезна как для сео, так и просто для общего развития. Поэтому не поленитесь и обязательно прочтите, а лучше примените эти знания на своих проектах.
Что такое микроразметка?
Это разметка веб-страницы с использованием специальных атрибутов для того, чтобы поисковые системы могли выбрать нужные им данные и представить их в поиске. Т.е. микроразметка — это способ семантической разметки сайта, который помогает поисковым системам понять ваш сайт.
Разметка в микроформатах необходима, чтобы структурировать данные на страница и чтобы поисковым программам было легче извлечь полезную информацию из вашей страницы.
Сама микроразметка происходит в HTML коде страницы, никаких дополнительных файлов создавать не надо. И внешне эти атрибуты никаким образом не выделяются на сайте, они лишь служат маячками для поисковых систем.
Как правильно оформлять заголовки?
Заголовок на странице должен быть один и оформлен в тег
Заголовок
Чтобы разметить этот заголовок с помощью микроразметки, надо прописать следующее:
Заголовок
Добавление хлебных крошек в сниппет
Хлебные крошки в выдаче добавляют еще больше ссылок на сайт:
Как оформить хлебные крошки для сайта
Для того, чтобы сделать отображение сайта таким, необходимо использовать схему: http://www.data-vocabulary.org/Breadcrumb/
И у каждой ссылки на раздел прописать следующее:
название ссылки
Оформление отзывов и звездочек ★★★★★
В последнее время все чаще и чаще можно заметить в поисковике сайты, которые отображаются со звездочками/количествами отзывов:
Оформление звездочек в выдаче сайта
Для этого необходимо там, где у нас есть отзывы прописать следующее:
Микроразметка цены и наличие товара на сайте
Для того, чтобы в выдаче поисковика отображалась цена товара и ее наличие необходимо прописать следующее:
Цена: 450 р.
Описание товара для сайт, description
Для того, чтобы описать какой-либо товар, необходимо использовать следующий код:
Описание товара
В результате всего вы получите следующее отображение сайта в выдаче:
описание товара в выдаче
Проверка микроразметки
Для того, чтобы проверить правильность микроразетки, необходимо проверить сайт в следующих системах:
Яндекс валидатор микроразметки
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"}
Евгений
Специалист по разработке систем на современных PHP фреймворках.