22:10 Що таке микроразметка, навіщо вона потрібна, і як додати її на свій сайт? |
| Сьогодні ми вже в п'ятий раз поговоримо в блозі uCoz про способи підвищення якості контенту ваших сайтів, на цей раз торкнувшись таку важливу тему, як микроразметка матеріалів. Навіщо вона потрібна і яку користь приносить? Як додати на сайт? В цьому пості відповімо на всі головні питання і наведемо приклади. Ця стаття входить в цикл статей блогу Публікуємо контент грамотно". Ознайомитися з повним циклом можна за посиланням. Читайте також: Частина 1. Зовнішній вид матеріалів на сайті Частина 2. Обираємо шрифт для сайту Частина 3. Як підвищити якість матеріалів? Частина 4. Як зробити матеріали на сайті привабливими для пошукачів? Що таке микроразметка? Микроразметка (або семантична розмітка) — це розмітка сторінки з додатковими теги і атрибути в тегах, які описують вміст сторінок роботам пошукових систем і соціальних мереж. У чому користь мікророзмітки? Микроразметка дозволяє зробити вміст сторінки більш зрозумілим для роботів (ботів), які відвідують сайт. Отримавши дані про вміст сторінки, робот використовує їх для коректного відображення контенту у видачі пошукових систем або анонсі соціальних мереж. Микроразметка для пошукових систем Для пошукових систем відмінно підійде микроразметка Schema.org оскільки цей тип підтримується Яндекс і Google. Виберіть одну з доступних схем і вбудуйте її в шаблон "Сторінка матеріалу" або "Сторінка товару". Приклад сторінки товарів: <div itemscope itemtype="http://schema.org/Product"> <span itemprop="brand">$BRAND$</span> <span itemprop="name">$ENTRY_TITLE$</span> <img itemprop="image" src="$PHOTO$" alt="$ENTRY_TITLE$ - зображення" /> <span itemprop="description">$DESCRIPTION$</span> ID товару: <span itemprop="mpn">$ID,$</span> <span itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> Рейтинг <span itemprop="ratingValue">$RATING$</span>, оцінений <span itemprop="reviewCount">$RATED$</span> разів</span> </div> Отриманий результат: Інструменти для роботи з микроразметкой пошукових систем: 1. Structured Data Testing Tool. Особливість сервісу полягає в тому, що можна на прикладах побачити, як виконується микроразметка. Просто скопіюйте приклад в свій шаблон і підставте $змінні$ код 2. Розділи "Структуровані дані" і "Маркер" Search Console від Google, які дозволять налаштувати мікророзмітку 3. Валідатор мікророзмітки від "Яндекс" 4. Яндекс.Довідник. Додайте інформацію про свою організацію і результати пошуку "Яндекс" буде показуватися адресу, телефон і графік роботи Микроразметка для соціальних мереж Микроразметка для соціальних мереж дозволяє роботам отримати інформацію для анонсу при репосте (посилання "Поділитися" або "Розповісти друзям"). Для Facebook, VK, Google+ можна використовувати словник OpenGraph. Приклад: <html prefix="og: http://ogp.me/ns#"> <head> <title>$ENTRY_TITLE$ - $SITE_NAME$</title> <meta property="og:title" content="$ENTRY_TITLE$" /> <meta property="og:description" content="$BRIEF$" /> <meta property="og:url" content="$ENTRY_URL$" /> <meta property="og:image" content="$IMG_URL1$" /> <meta property="og:type" content="article" /> ... </head> ... </html> Результат: Ще можна використовувати Twitter Cards. Це микроразметка для Twitter. Приклад такої розмітки: <meta name="twitter:card" content="summary" /> <meta name="twitter:site" content="@ваш_аккаунт" /> <meta name="twitter:title" content="$ENTRY_TITLE$" /> <meta name="twitter:description" content="$BRIEF$" /> <meta name="twitter:image" content="http://blog.ucoz.ru/_bl/4/23545950.png" /> Результат: Інструменти для роботи з микроразметкой соціальних мереж: 1. Open Graph Object Debugger — сервіс перевірки мікророзмітки для Facebook 2. Валідатор мікророзмітки Twitter Cards Як встановити мікророзмітку на свій сайт Як додати мікророзмітку на сайт: 1. Підготуйте HTML-код мікророзмітки. Для цього скористайтеся інструментами, які були наведені вище 2. Зайдіть в панель управління і в розділі "Управління дизайном (шаблони)" виберіть шаблон "Сторінка матеріалу" або "Сторінка товару" 3. Додайте шаблон раніше підготовлений HTML-код, який і відповідатиме за мікророзмітку 4. Перевірте, як роботи розуміють встановлену мікророзмітку за допомогою сервісів валідації Висновки Микроразметка дозволяє визначити тип контенту роботам, які відвідують ваш сайт. Ця інформація використовується для представлення сайту у видачі пошукових систем або анонсах соціальних мереж. Установка мікророзмітки на сайт займає небагато часу, за нашою оцінкою — не більше 15 хвилин для одного модуля. Для цього потрібно завантажити приклад мікророзмітки і підставити в неї відповідні $змінні$. При цьому знань HTML, CSS не потрібно. Після впровадження мікророзмітки результати в соціальних мережах можна перевірити відразу. Результат у пошукових системах можна побачити тільки після чергового оновлення (не менше тижня). источник:http://blog.ucoz.ru/researches/mikrorazmetka |
|
|
| Всего комментариев: 0 | |