HOSTCMS v
Не заглиблюватимемося в термінологію та опис того, що означає мікророзмітка, т.к. про це вже багато чого написано і я беру за аксіому, що ви про це вже знаєте, коли читаєте цю статтю. Завдання статті описати конкретніший випадок, а саме - використання мікророзмітки в XSL шаблонах HostCMS.
Але для тих, хто тільки намагається зрозуміти, що таке мікророзмітка та з чим її їдять, ось коротке поняття:
Мікророзмітка - це розмітка веб-сторінок сайту або блогу з використанням спеціальних тегів та атрибутів.
Тепер перейдемо до статті. Почнемо з мікророзмітки для хлібних крихт у картці товару.
Мікророзмітка Хлібних крихт
Щоб ваш сайт був зрозумілішим пошуковим роботам, ви повинні намагатися дати їм більше інформації про його структуру, зробити індексацію ресурсу легшою. Хлібні крихти є елементом навігації по сайту і їх дуже любить пошуковик Google.
В останніх дистрибутивах HostCMS мікророзмітка в хлібних крихтах присутня, звичайно, якщо ви використовуєте адаптивний шаблон, або можете звідти скопіювати. Для власників неоновлених версій нижче наводжу код хлібних крихт з мікророзміткою. Код вставляється в XSL-шаблон"МагазинТовар" замість того, який у вас вже є. Якщо ні, то розмістити код перед чи після заголовка товару, залежно від вашого дизайну.
У самому низу шаблону розміщуємо код виведення посилань на групи
На цьому з хлібними крихтами закінчуємо та йдемо далі – до розмітки самого товару.
Мікророзмітка товару
Мета мікророзмітки товару зводиться до того, щоб зробити інформацію про товар структурованою, чим полегшити пошуковим системам її обробку і зручність подання врезультати пошуку. Мікророзміткою ми вказуємо пошуковикам, у якому коді в нас міститься назва товару, у якому його вартість та валюта, а також у якому коді знаходиться опис цього товару.
Для мікророзмітки використовуємо стандарт Schema.org, оголошений у 2011р. пошуковими системами Google, Bing та Yahoo. Наведений нижче код може не відповідати вашому дизайну розташування елементів, він лише пояснює, як використовувати мікророзмітку.
Зверніть увагу на елементи мікророзмітки:
Хочу звернути увагу, що у XSLT не можна використовувати атрибути без лапок, тобто. мабуть, наприклад,itemprop="itemprop", а не простоitemprop.
Переходимо до останнього блоку мікророзмітки – розмітка контактів
Мікророзмітка сторінки контактів
Для мікророзмітки використовуємо стандарт Schema.org. Спочатку оголошуємо схему мікророзмітки:
Ви можете замовити у нас виконати цю інтеграцію для свого сайту. Вартість 800р.
Вас може зацікавити:
Якщо потрібно дати можливість покупцеві вибрати товари поточного виробника, коли він знаходиться в картці товару, то вам знадобиться дана невелика доопрацювання.
Було таке завдання у ТЗ клієнта — впровадити «кредитну кнопку» Банку «Український Стандарт» у кошик інтернет-магазину. Можливо, комусь це знадобиться.
Простий приклад лівого вертикального меню для груп товарів інтернет магазину. Просте встановлення та налаштування.
Coin-slider є одним з популярних слайдерів, який використовується на сайтах. Найчастіше слайдери використовують на Головній сторінці для надання їй динаміки, привернення уваги до «гарячої» інформації. У цій статті розповідається, як впровадити цей слайдер XSL-шаблон сайту,розробленого на HostCMS.
Просте вертикальне меню з підменю, що плавно випадає, для сайтів на HostCMS. Працює на jQuery…
Добірка SQL запитів до бази даних сайтів на HostCMS v.6. Може бути дуже корисною в деяких випадках у процесі створення або обслуговування сайту.
Розмітка Open Graph для HostCMS v.6
Безкоштовний ФРОНТЕНД
Градієнтне обведення блоку на CSS
Як зробити гарне градієнтне обведення блоку на одному лише CSS? Для цього ми зробимо таке:
1. Створимо div. linear-gradient з градієнтним фоном;
2. Створимо внутрішній блок div із невеликим відступом.