Допоможіть пошуковим системам знаходити ваші сторінки.

Вивчення DXPR BuilderКерування сайтомДоступність і пошук сторінок

Ви даєте кожній сторінці чітку структуру заголовків, описані зображення, швидке завантаження та гарні метадані, щоб пошукові системи її розуміли й ранжували. DXPR Builder зберігає сторінку як HTML у полі тіла, тож SEO-модулі Drupal працюють із нею без змін. Ця сторінка охоплює те, що ви встановлюєте в конструкторі, і те, що ви встановлюєте цими модулями.

Побудова структури заголовків

Елементи макета (розділи, рядки та колонки) це звичайні div-елементи. Пошукові системи читають структуру сторінки конструктора з її заголовків.

Рівень Застосування
Heading 1 Назва сторінки, раз на сторінку; більшість тем її друкують
Heading 2 Головні розділи
Heading 3 Підрозділи всередині Heading 2
Heading 4 до 6 Глибші підрозділи
  1. Натисніть в елементі Text.
  2. Виберіть рівень зі списку заголовків на панелі інструментів.
  3. Тримайте рівні в порядку; не стрибайте з Heading 2 на Heading 4.

На DXPR CMS ви можете сховати назву теми на одній сторінці: на її формі редагування відкрийте DXPR Theme Settings, позначте Page Title у DXPR Hide Regions і натисніть Save. Тоді Heading 1 конструктора це єдиний Heading 1 сторінки.

Jumbotron Title завжди Heading 1, тож Jumbotron додає другий поруч із назвою сторінки вашої теми. Card Title завжди Heading 5.

Опишіть кожне зображення

  1. Наведіть курсор на зображення й натисніть More > Settings.
  2. Відкрийте панель SEO і введіть короткий опис у Alt attribute, ідеально до 125 символів.
  3. Натисніть Save у діалоговому вікні, потім Save на панелі контейнера.

Порожній Alt attribute взагалі не пише alt. Для зображення, яке не додає інформації, натомість використайте Background image розділу.

Додавання метаданих модулями Drupal

Ці модулі працюють на ноді, тож вони охоплюють сторінки конструктора без додаткового налаштування:

  • Metatag: назви сторінок, описи та теги Open Graph
  • Pathauto: читабельні шляхи URL
  • Simple XML Sitemap або XML Sitemap: сторінки конструктора у вашій мапі сайту
  • Schema.org Metatag: структуровані дані

Тримайте сторінки швидкими

Пошукові системи враховують швидкість сторінок у ранжуванні.

  • В елементі Image виберіть розмір зображення Optimize for fast loading. Він масштабує зображення до 1024 пікселів завширшки й зберігає його як WebP.
  • Кожне зображення на сторінці конструктора завантажується разом зі сторінкою; елемент Image не відкладає завантаження. Лишайте великі зображення лише ті, які потрібні сторінці.
  • Дайте кожному елементу Video Image. Тоді плеєр завантажується лише коли відвідувач натискає.
  • Тримайте кешування сторінок Drupal увімкненим.

Що завантажує кожна сторінка, див. у Продуктивності.

  • Використовуйте описовий текст посилань («Read our pricing guide», а не «Click here»).
  • Відкривайте зовнішні посилання в новій вкладці лише коли відвідувачам потрібна сторінка, з якої вони прийшли.
  • Використовуйте відносні URL для внутрішніх посилань, наприклад /about, щоб посилання продовжували працювати на стейджингу та продакшені.
  • Регулярно перевіряйте наявність зламаних посилань.

Що ви бачите

Аудит сторінки, наприклад звіти SEO та Performance на панелі Lighthouse браузера, знаходить один Heading 1, жодних зображень без альтернативного тексту та метаопис. Вихідний код сторінки показує ваші заголовки як h2 і h3 в порядку.

Якщо ви не бачите чистого аудиту

  • Аудит повідомляє про зображення без альтернативного тексту. Alt attribute елемента Image порожній. Заповніть його в SEO.
  • Аудит повідомляє про відсутність метаопису. Ядро Drupal не додає жодного. Встановіть Metatag і встановіть опис для типу вмісту або сторінки.
  • Аудит повідомляє про великі зображення. Зображення використовують Original image (No resizing). Виберіть Optimize for fast loading у кожному елементі Image.

Що далі?

Доступність для інклюзивного вмісту, щоб продовжити ознайомлення з DXPR Builder.