Когда пользователи делятся вашей школой в социальных сетях – социальная сеть автоматически подгружает ее название, описание и изображение, чтобы сгенерировать красивую карточку.
Для того чтобы управлять этими настройками используются специальные HTML теги, называемые микроразметкой.
Микроразметка также важна для SEO, по ней поисковые машины определяют о чем ваш сайт, а также что отображать в результатах поиска.
Основные теги
title, og:title - название вашей школы, отображается в вкладке браузера, и в заголовке поиска
description, og:description - описание вашей онлайн школы, частично подтягивается при поиске
og:image - картинка при шейринге в соцсетях
Настройки микроразметки для лендинга:
Для настройки микроразметки в лендинге, укажите в настройках лендинга в разделе SEO:
Для установки изображения нужно загрузить изображение в основных настройках школы:
Для микроразметки в вашей веб-школе (например если лендинг выключен) по умолчанию используются ее название и описание из общих настроек.
Установка собственных тегов микроразметки
Вы также можете вставить свои собственные теги микроразметки в разделе Технические настройки:
Например вот так:
<title>Моя школа на Gurucan</title>
<meta property="og:title" content="Моя школа на Gurucan" />
<meta property="og:image" content="https://storage.googleapis.com/bionic-trilogy-222712.appspot.com/330296346332.png" />
<meta name="description" content="Описание мой школы на Gurucan">
<meta property="og:description" content="Описание мой школы на Gurucan" />Проверка микроразметки
Для проверки микроразметки можно использовать сервис Facebook:
https://developers.facebook.com/tools/debug/
Обратите внимание! Для того, чтобы микроразметка изменилась, необходимо ее сбросить вручную! Это касается практически всех соцсетей. В Facebook необходимо нажать Scrape Again.
Во Вконтакте можно использовать сервис для сброса микроразметки:
https://vk.com/dev/pages.clearCache
Надеемся у вас все получилось!
P.S. Кстати, таким же способом можно поставить ваш favicon