- Що таке мікророзмітки?
- У чому користь мікророзмітки?
- Мікророзмітки для пошукових систем
- Мікророзмітки для соціальних мереж
- Як встановити мікророзмітки на свій сайт
- висновки
Мікророзмітки матеріалів. Навіщо вона потрібна і яку користь приносить? Як додати на сайт? У цьому пості відповімо на всі головні питання і наведемо приклади.
Що таке мікророзмітки?
Мікророзмітки (або семантична розмітка) - це розмітка сторінки з додатковими тегами і атрибутами в тегах, які описують вміст сторінок роботам пошукових систем і соціальних мереж.
У чому користь мікророзмітки?
Мікророзмітки дозволяє зробити контент сторінки більш зрозумілим для роботів (ботів), які відвідують сайт. Отримавши дані про вміст сторінки, робот використовує їх для коректного відображення контенту у видачі пошукових систем або анонсі соціальних мереж.
Мікророзмітки для пошукових систем
Для пошукових систем відмінно підійде мікророзмітки Schema.org, оскільки цей тип підтримується Яндекс і Google . Виберіть одну з доступних схем і вбудуйте її в шаблон "Сторінка матеріалу" або "Сторінка товару".
Отриманний результат:
Інструменти для роботи з мікророзмітки пошукових систем:
- 1. Structured Data Testing Tool . Особливість сервісу полягає в тому, що можна на прикладах побачити, як виконується мікророзмітки. Просто скопіюйте приклад в свій шаблон і підставте $ змінні $ в код
- 2. Розділи "Структуровані дані" і "Маркер" в Search Console від Google , Які дозволять налаштувати мікророзмітки
- 3. валідатор мікророзмітки від "Яндекс"
- 4. Яндекс.Довідник . Додайте інформацію про свою організацію і в результатах пошуку "Яндекс" буде показуватися адреса, телефон і графік роботи
Мікророзмітки для соціальних мереж
Мікророзмітки для соціальних мереж дозволяє роботам отримати інформацію для анонса при репоста (посилання "Поділитися" або "Розказати друзям"). Для Facebook, VK, Google+ можна використовувати словник OpenGraph.
приклад:
& Lt; html prefix = "og: <a href="http://ogp.me/ns#" >"=""> http://ogp.me/ns#"> </a> <br > & lt; head & gt; <br> & lt; title & gt; $ ENTRY_TITLE $ - $ SITE_NAME $ & lt; / title & gt; <br> & lt; meta property = "og: title" content = "$ ENTRY_TITLE $" / & gt; & nbsp; < br> & lt; meta property = "og: description" content = "$ BRIEF $" / & gt; & nbsp; <br> & lt; meta property = "og: url" content = "$ ENTRY_URL $" / & gt; & nbsp; < br> & lt; meta property = "og: image" content = "$ IMG_URL1 $" / & gt; & nbsp; <br> & lt; meta property = "og: type" content = "article" / & gt; & nbsp; <br> ... <br> & lt; / head & gt; <br> ... <br> & lt; / html & gt;результат:
Ще можна використовувати Twitter Cards. Це мікророзмітки для Twitter. Приклад такої розмітки:
& Lt; meta name = "twitter: card" content = "summary" / & gt; <br> & lt; meta name = "twitter: site" content = "@ ваш_аккаунт" / & gt; <br> & lt; meta name = "twitter: title" content = "$ ENTRY_TITLE $" / & gt; <br> & lt; meta name = "twitter: description" content = "$ BRIEF $" / & gt; <br> & lt; meta name = "twitter: image" content = "$ IMG_URL1 $" / & gt;результат:
Інструменти для роботи з мікророзмітки соціальних мереж:
Як встановити мікророзмітки на свій сайт
Як додати мікророзмітки на сайт:
- 1. Підготуйте HTML-код мікророзмітки. Для цього скористайтеся інструментами, які були наведені вище
- 2. Зайдіть в панель управління і в розділі "Управління дизайном (шаблони)" виберіть шаблон "Сторінка матеріалу" або "Сторінка товару"
- 3. Додайте в шаблон раніше підготовлений HTML-код, який і буде відповідати за мікророзмітки
- 4. Перевірте, як роботи розуміють встановлену мікророзмітки за допомогою сервісів валідації
висновки
Мікророзмітки дозволяє визначити тип контенту роботам, які відвідують ваш сайт. Ця інформація використовується для представлення сайту у видачі пошукових систем або анонсах соціальних мереж.
Установка мікророзмітки на сайт займає небагато часу, за нашою оцінкою - не більше 15 хвилин для одного модуля. Для цього потрібно завантажити приклад мікророзмітки і підставити в неї відповідні $ змінні $. При цьому знань HTML, CSS не потрібно.
Після впровадження мікророзмітки результати в соціальних мережах можна перевірити відразу. Результат в пошукових системах можна побачити тільки після чергового оновлення (не менше тижня).
Що таке мікророзмітки?У чому користь мікророзмітки?
Навіщо вона потрібна і яку користь приносить?
Як додати на сайт?
Що таке мікророзмітки?
У чому користь мікророзмітки?
