Що таке мета теги у Drupal і де їх потрібно шукати. Що таке мета теги у Drupal і де їх потрібно шукати Metatag: Mobile & UI Adjustments — інформація для мобільних платформ

Незважаючи на те, що Drupal 6-ї версії втратив офіційну технічну підтримку, Упевнений, що є ряд сайтів, які все ж таки використовують цю версію движка.

Стандартно Drupal не має вбудованих метатегів, таких як "Description" (кратний опис сторінки) та "Keywords" ( ключові слова). Адже це, в своєму роді, один з важливих моментіву просуванні сайту.

Сьогодні я розповім вам, як можна виправити це становище.

1. Для вирішення поставленого завдання існує такий плагін, як Nodewords», І першим кроком буде його. Оскільки багато затятих вебмайстрів стверджують, що найстабільніша версіяз існуючих – це версія 6.x-1.9, то саме її я і рекомендую вам встановлювати. Цю версію ви можете завантажити наприкінці статті.

2. Після того як архів з плагіном завантажений, розпакуйте його. Вміст (папку nodewords) завантажте по FTP на ваш сайт, до папки /sites/all/modules/.

3. Перейдіть до панелі керування вашим сайтом, розділ « Конструкція сайту», пункт « Модулі» – « перелік» ( швидкий спосібперейти до цього розділу – додати /admin/build/modules/listдо URL вашого сайту).

На сторінці, в списку, знаходимо модуль Nodewordsта скасовуємо пункти « Nodewords 6.x-1.9» та « Nodewords - basic meta tags»

Тут відзначаємо необхідні поля, які з'являться для заповнення у ваших матеріалах. У нашому випадку – це поля « Keywords» та « Опис».

Крім цих полів ви можете включити поля авторства, канонічної адреси або, наприклад, включити метатег, який вказує роботу, через який час той може знову проіндексувати матеріал. Нам це зараз не так важливо, тому спускаємося вниз сторінки і натискаємо « Зберегти конфігурацію».

5. Якщо у вас є кілька типів матеріалів, то змініть кожен із них (розділ « Зміст», пункт « Типи матеріалів» – « перелік» або швидкий перехід – /admin/content/types/list) натисканням на відповідну кнопку.

Перевірте, щоб у налаштуванні « Meta tags settings» було включено можливість редагування метатегів.

6. І завершальним етапом буде перевірка можливості додавання метаданих до матеріалів вашого сайту. Для цього перейдіть до додавання матеріалу та подивіться, чи з'явилася графа для додавання відповідної інформації.

Якщо все так - значить, ви все зробили правильно, в іншому випадку напишіть про проблему в коментарях до цієї статті.

Крім того, що метаполя заповнюються, перевірте коректність їх збереження та виведення на сайт. Для цього відкрийте вихідний кодвашого сайту та подивіться, чи з'явилися відповідні теги.

Насправді плагін досить функціональний і крім додавання простих метатегів може працювати з токенами (макросами, що зберігають інформацію про сайт), проставляти метадані для сторінок помилок, а також налаштовувати індексування сторінок.

SEO оптимізація сайту, Який керується системою Друпал, це в першу чергу створення більш гнучких налаштувань. Адже з погляду оптимізації SEOу Drupal все налаштовано грамотно. Але для оптимізації ресурсу, щоб користувачі і пошукові системимогли використовувати його максимально комфортно, просто неможливо уникнути установки додаткових сторонніх модулів.

1. Створюємо читабельні url

Оптимізацію ресурсу варто розпочати з ЧПУ. Детально налаштування читабельних адрес розглянуто у статті Знайомимося з Drupal 7. Створюємо читальні URL сторінок (ЧПУ) . Зараз же розглянемо це питання коротко.

У Drupal, а саме у пакеті платформи, вже є вбудований модуль під назвою Path. Він дає можливість створювати синоніми (зрозумілі і користувачеві та пошуковим системам адреси сторінок сайту) під час створення нових сторінок.

За допомогою цього модуля для кожної нової ноди створюється своя спеціальна адреса за типом ваш_сайт/node/№ноди, в якому номер ноди призначається в автоматичному порядку.

Якщо ж модуль Path не активний, то адреса ноди та її власний номер у ньому будуть виглядати як ваш_сайт/?q=node/№ноди.

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

З цього виходить що дана сторінкау пошуковій системі може бути доступна користувачеві відразу за трьома абсолютно різними адресами. Під час оптимізації залишається лише останній (користувацький) варіант адреси сторінки. Рішення завданняможна здійснити двома шляхами:

1. У robots.txt закриваємо непотрібні варіанти адреси сторінки пошукових систем. Але цей варіант може спричинити плутанину в тому конкретному випадку, якщо на сайті деякі внутрішні посилання будуть вести на сторінки, які є закритими для всіх пошукових систем.
2. Оптимальний варіант – це створення редиректу (301 перенаправлення) з перших двох наведених вище варіантів адреси на третю, створену спеціально для потенційних користувачів, адресу сторінки. Модуль під назвою Global Redirect в автоматичному режимівиконує 301 перенаправлення для всіх сторінок ресурсу. Та й налаштування цього модуля міняти не треба, вони спочатку настроєні оптимально.

Якщо потрібно формувати адреси на основі заголовків розміщеного на сторінці матеріалу, то в цьому випадку необхідно встановити модуль Pathauto. Але для його встановлення потрібно попередньо встановити Token. Він дозволяє використовувати шаблони різних даних із однієї сторінки.

Якщо інтернет ресурс на кирилиці, то варто встановити модуль-транслітератор. Цей модуль перетворює заголовки, написані на кирилиці, перед встановленням на адресу.

У налаштуваннях модуля Pathauto можна встановити автоматичний шаблондля кожного з типів контенту, розміщеного на сайті.

2. Створюємо карту сайту

Тепер можна перейти до створення оптимальної карти сайту. Оскільки, як показала практика, звичайні програми та сервіси для створення карток сайту можуть включати в неї багато зайвої інформації. На щастя, ми працюємо з Drupal, тому у нас для цього є зручний модуль з гнучким налаштуванням, що дозволяє створювати такі карти сайту, які нам потрібні. Це модуль XML-Sitemap.

Після встановлення ми отримаємо кілька модулів. Я б рекомендував конфігурувати їх так:

Після підключення створення сайту до матеріалів і термінів таксономії, які ми хочемо бачити в нашій карті сайту, потрібно створити нову карту сайту. Для цього в розділі "конфігурація" вибираємо "пошук та метадані", далі "XML sitemap" і там власне вибираємо створення нової картисайту.

Після створення карти сайту вибираємо вкладку "оновити карту сайту", оновлюємо її і тепер у нас є власний файл сайту без чогось зайвого в ньому.

Створена карта сайту автоматично задає адресу. За промовчанням у модулі встановлено збереження файлу картки сайту в директорію ваш_сайт/sitemap.xml. За бажання його можна змінити, але це не рекомендовано, оскільки пошукові системи зазвичай шукають цей файл у кореневій директорії сайту. Цю адресу варто додати до панелі для користування веб-майстром пошукових систем.

Тепер після додавання нового матеріалу на ресурс картка сайту автоматично оновлюватиметься. Це означає, що для оновлення не потрібні додаткові дії адміністратора.

3. Оптимізуємо заголовки сторінок

Перейдемо безпосередньо до заголовкам сторінок сайту. Використовуючи модуль під назвою Page Title, можна на свій особистий розсуд налаштувати заголовок сторінки. Для цього в налаштуваннях даного модуля треба вказати, яким саме має бути заголовок сторінки залежно від її типу.

При використанні даного модуля Token обов'язково має бути увімкненому стані. Адже в даному випадку використовуються ті ж постановки, що й під час налаштування ЧПУ. Дивіться опис вище.

Крім того, цей модуль дозволяє нам створювати власні тайтли, відмінні від генерованих ним за умовчанням для конкретних сторінок. Для цього потрібно в налаштуваннях типів матеріалів поставити галочку, яка дасть можливість завдання тайтлів під час створення нових одиниць контенту даного матеріалу.

4. Спрощуємо процес внутрішньої перелінкування сайту

Що стосується внутрішньої перелінкування сторінок, то у адміністратора є два шляхи вирішення цього завдання:

1. Перелінковувати сторінки власноруч. Це втомлює, але можна виконувати без встановлення додаткових модулів.

2. А можна прискорити процес додавання внутрішніх посилань за допомогою редактора CKEditor. Модуль під назвою CKEditor Link у тандемі з цим редактором дозволяє у зручному режимі додавати посилання на вже створені сторінки ресурсу. Після встановлення модулів лінкер підключається в налаштуваннях CKEditor (розділ конфігурація, робота з вмістом, CKEditor). Вибираємо формат тексту в якому буде доступне полегшене введення посилань (я вибрав фул хтмл), тиснемо змінити.

Тут відкриваємо зміну зовнішнього вигляду.

І галочкою активуємо плагін лінка.

Тепер нам навіть не треба пам'ятати урл сторінки або її назву для створення перелінковки на сайті. Достатньо вибрати потрібний пункт зі списку, який з'явиться на моніторі, і підтвердити вибір натисканням «ок».

5. Додаємо метатеги сторінкам

Для створення на сайті мета тегівможна використовувати кілька різних модулів, але одним із найлегших у роботі є Metatags Quick. Цей модуль дозволяє додати до конкретного типу контенту текстове поле "мета". Напис, який буде введений у це поле, розташується в head нашої сторінки, як і належить метаметом. Нове поле для потрібних адміністратору типів матеріалу додається через вкладку під промовистою назвою «управління полями». Там створюємо поля для мета опису нашої сторінки (description) і завдання ключових слів (keywords), вибираємо тип поля "мета", зберігаємо його.

Все тепер при створенні нових нід ми можемо прописувати їм метатеги.

6. Вказуємо основне дзеркало сайту

В автоматичному режимі інтернет ресурси доступні користувачам дзеркалах з www, і безних. Як правило, провідні пошукові системи абсолютно нормально визначають дзеркало. Тільки ось є й такі випадки, коли треба явно вказати редирект ресурсу із символами www або без них. Для цього не треба додавати ніяких додаткових модулів, так як у Друпалі, у файлі під назвою htaccess є окремі шматочки коду, які тільки потрібно розкоментувати. У файлі.htaccess (розташований у кореневому каталозі сайту) з Drupal 7.34 нас цікавлять рядки 93-94, якщо ми хочемо перенаправити користувачів на дзеркало з www, та 99-100, якщо наше основне дзеркало без www. Для явного вказівки потрібного нам варіанта потрібно розкоментувати (прибрати решітку на початку рядка) потрібні рядки.

7. Оптимізуємо тему сайту

Тепер настав час налаштувати темусайту. У різних матеріалахдля роботи з WORDPRESS оптимізуються теги Н1-6. Але з адміністративної панеліДрупал впливати на ці конкретні теги не вдасться. Ці теги можна змінити тільки в ручному режимів темі. Всі теми розміщені в папці вашого сайту/sites/all/themes/ваша_тема. Тільки універсальних порад з налаштування теми просто немає – вони для кожної з них індивідуальні.

Темізація друпав це тема навіть одного уроку, а цілої серії курсів. Зараз просто пораджу додати наступний код у Ваш файл template.php.

function ваша_тема_html_head_alter(& $head_elements ) ( unset ($head_elements [ "system_meta_generator" ] ) ; )

Він прибере метатег Generator із хедера друпав. Адже Вам не потрібне зайве відкрите посилання, яке створюється друпалом за замовчуванням, на сторонній інтернет ресурс зі всіх сторінок вашого сайту, чи не так?

8. Налаштовуємо сторінки для 404 та 403 помилок

Налаштувати службові сторінки можна у розділі під назвою «Конфігурація». Ці сторінки будуть відображатися у випадку, якщо потенційним користувачем буде допущено 404 і 403 помилки (перехід на сторінку, що не існує на сайті або на сторінку, доступу до якої у користувача немає).

9. Прискорюємо завантаження сторінок

Тепер настав час зайнятися оптимізацією завантаження сторінок сайту. Друпал 7 автоматично підключає до сторінки ресурсу багато файлів стилів та скриптів. Перейшовши в розділ «Конфігурація» і вибравши вкладку «продуктивність», можна дозволити в автоматичному режимі оптимізувати файли стилів. У цій вкладці можна задати свої індивідуальні параметри кешування всіх сторінок і блоків сайту.

Якщо ви оптимізуємо сайти, то працюєте з налаштуванням мета-описів ключових сторінок. У Drupal вам із цією роботою допоможе модуль – metatag. https://www.drupal.org/project/metatag. Далі про те, як налаштувати і працювати з ним.

Встановлення даного модуля – це типовий процес – потрібно скопіювати модуль у папку з іншими модулями, зазвичай це sites/all/modules, що залежить від вашої конструкції сайту на drupal. Після цього на сторінці адміністрування модулів ми виявимо величезний список нових модулів, які входять до комплекту metatag. У версії 7.x - 11, актуальною на момент написання статті - це цілих 17 модулів.

Давайте розберемося з деякими з них.

Metatag - базовий модуль

Якщо вам потрібно встановити базові теги, такі як: description, keywords, abstract, origianal-source, rights; посилання - canonical link, shortlink, publisher, author link; прапори для пошукових роботів, мітки для Google news, і ще купу всього, достатньо встановити тільки цей модуль.

Загальні настройки ось тут:

• admin/config/search/metatags — налаштування за промовчанням для різних об'єктів сайту.
• admin/config/search/metatags/settings — надає управління виведенням метатегів у різних типахпублікацій, словниках тощо, налаштування пов'язані з іншими встановленими в drupal модулях, керування кешуванням та багато іншого.

Приватні налаштування виконуються в редакторі кінцевих об'єктів сайту. Наприклад, якщо ви дозволили роботу з метатегами для публікацій типу «звичайний розділ», то в редакторі статті даного типуз'явиться вкладка "Meta Tags".

Якщо ви використовуєте таксономію, то схожі настройки з'являться у термінах.

Metatag Importer — імпорт даних із інших модулів

Цей модуль дозволяє скопіювати дані з інших модулів, наприклад, з дуже популярного Nodewords. Зручно, якщо ви користувалися іншими модулями і вирішили перейти на Metatag.

Importer потрібно активувати лише на момент експорту, потім його можна вимкнути.

Його адмін панель тут - admin/config/search/metatags/importer.

Інші модулі можна розділити на дві категорії:

• Додаткові мета-теги;

Додаткові мета-теги.

Metatag: App Links - метадані app links.

Додає до базових мета-тег додатковий набір тегів для мобільних пристроїв— кілька десятків нових мета-полів: al:ios:url, al:ios:app_store_id, al:ios:app_name, al:iphone:url, al:android:url, al:android:package, al:windows_phone:url та і т.д. Ці теги дозволяють зв'язати веб-сторінку з програмою в магазині-додатків (відповідні теги для кожного з типів пристроїв).

Metatag: Dublin Core, Metatag: Dublin Core Advanced - набір полів, схвалених DCMI.

Що це за Dublin Core Metadata Initiative (DCMI)? .

Два модулі додадуть у налаштування публікацій, термінів тощо. більше півсотні полів для налаштування мета-описів. Вони не перетинаються з базовими тегами, незважаючи на схожість назв міток. Їхні мета-імена починаються з префіксу «dcterms» — dcterms.subject, dcterms.publisher і т.п.

Metatag: Facebook - інтеграція з Facebook API.

Пара мета полів для налаштування та адміністрування віджетів програм соц. мережі Facebook.

Metatag: Twitter Cards - інтеграція з твіттер.

Metatag: Google+ : взаємодія з Google+

Додавання мета-описів сторінки для соц.мережі Google+.

Metatag: Verification – теги для підтвердження власності.

Пошукові машини та деякі соц.мережі для перевірки, що сайт належить вам, пропонують встановити на головній сторінці сайту спеціальний метатег з перевірним кодом. Для їх налаштування служить даний модуль.

У версії, що розглядається, підтримуються 4 провайдери - Google, Pinterest, Bing і Yandex.

Налаштування тегів можна знайти тут: admin/config/search/metatags/config/global:frontpage — у глобальних налаштуваннях головної сторінки.

Metatag: OpenGraph, Metatag: OpenGraph Products – мета опису Open Graph Protocol

Додає величезну кількість полів відповідно до специфікації Open Graph. Назви тегів йдуть із префіксом «og:», тому їх можна використовувати спільно з іншими наборами та базовими мета-описами.

Metatag: hreflang — інформація про сторінки іншими мовами.

Генерує кілька мета-полів (за кількістю мов включених на вашому drupal сайті), де можна вказати версії сторінки іншими мовами. Приблизно так:

Встановлювати вручну ці поля досить нудний захід, можна налаштувати шаблон у глобальних налаштуваннях. Можливо, за наявності мовних версій сторінки поля заповнюються автоматично (треба це перевірити).

Metatag: favicons - іконки для сайту

У Drupal взагалі є налаштування іконки прямо в темі оформлення. Але даний модуль істотно розширює кількість варіантів, переважно за рахунок touch іконок для пристроїв Apple.

Нові поля заховані у вкладці глобальних налаштувань головної сторінки - admin/config/search/metatags/config/global:frontpage

Metatag: Mobile & UI Adjustments - інформація для мобільних платформ

Ці мета-дані відносяться до всього сайту, тому налаштування винесені на глобальні параметри головної сторінки (admin/config/search/metatags/config/global:frontpage).

Вони дозволяють скоригувати вид сайту та користувальницький інтерфейспід час відображення сайту на різних мобільних платформах.

Взаємодія/інтеграція з іншими модулями.

Metatag: Context - взаємодія з модулем context

При встановленому модулі Context дозволяє використовувати його визначення, дозволяючи призначати метатеги за допомогою різних умов.

Metatag: Panels, Metatag: Views — інтеграція з модулем panels та views

Metatag не міг пройти повз ці дуже популярні контент-модулі. Не хотілося б приміряти кашкет капітана-очевидність і щось ще про це писати. Але якось не дуже красиво, коли заголовок h3 йде без відповідного тексту.

Я не планував описувати всі модулі, але якось само собою вийшло:)

Проблеми роботи Metatag

Помічав проблеми при виведенні глобальних тегів для головної сторінки, якщо як головна сторінка використовується фіксована публікація. Якщо ця проблема у вас проявляється, можете скористатися таким милицею (код для випадку базових тегів)

Грудень 20, 2014

Як підключити CKeditor Drupal 7 я розповідав раніше. Після налаштування модуль підключить редактор CKeditorдо полів редагування публікацій. А як підключити wysiwyg до власних форм? У 6-й версії Drupal редактор за допомогою модуля CKeditor підключався...

Здрастуйте, читачі блогу сайт! Значення Title та мета тегів Description та Keywords для пошукового просуваннясайту важко переоцінити. За замовчуванням Drupal формує Title автоматично із основного заголовка матеріалу, можливість задати мета теги Descriptionта Keywords зовсім відсутня. Такі прорахунки з погляду SEO неприпустимі. Сьогодні я розповім про два модулі Page Title і Metatags Quick, що дозволяють вирішити цю проблему.

У цій статті розглянуто лише технічний бік питання. Що ж до правил формування Description, Keywords та Title Drupal з погляду SEO, то цій темі я присвятив . Настійно рекомендую з нею ознайомитись.

Настоянка Title у Drupal — модуль Page Title

Тепер при створенні матеріалу нам доступне нове поле, що відповідає за формування Title у Drupal.

Налаштування Keywords та Description у Drupal – модуль Metatags Quick

Встановіть модуль Metatags Quick у Drupal та активуйте (складові Extra functionality та Upgrade from nodewords нам не знадобляться).

Переходимо до розділу "Конфігурація" - "Пошук і метадані" - "Meta tags (quick) settings". Тут наведено список всіх доступних мета тегів.

Крім особливо важливих Description та Keywords є ще й необов'язкові:

• Канонічна URL-адреса — Виберіть основну адресу сторінки. Якщо на сайті буде кілька сторінок з однаковим контентом, але різними URLадресами, то основною з них буде вважатися та, чия адреса вказана в мета тезі "Канонічний URL".
• Авторські права (Copyright) – даємо посилання на свій сайт, щоб показати авторство.
• Robots – дозволяє дозволити або заборонити індексацію окремих сторіноксайту.

Включаємо мета теги для Матеріалів та . Кожен мета тег створить собі окреме полі.

Наприклад, заходимо до "Структури" - "Типи матеріалів" - "Стаття" - "Управління полями". Там уже створено нові поля під мета теги. У моєму випадку це (Meta)Опис та (Meta)Ключові слова. Можна зручно відредагувати порядок виведення.

Те саме робимо для всіх типів матеріалів та термінів таксономії.

У модулі Metatags Quick є підсистема Extra functionality, що відповідає за автоматичне формування мета тегів на основі змісту сторінки. Я спеціально не розглядатиму її, щоб у вас не було спокуси їй скористатися. Title, Keywords та Description у Drupal обов'язково потрібно задавати для кожної сторінки вручну! Так що не лінуйтеся.

Description та Keywords для головної сторінки

І все добре в модулі Metatags Quick, та тільки Description та Keywords для головної сторінки він не прописує. Прикрий промах, який слід усунути самотужки. Переходимо на сервер у каталог з активною та відкриваємо на редагування файл template.php.

Насамкінець вставляємо наступний код:

У коді вкажіть назву своєї теми та опис, ключові слова, які підходять для головної сторінки вашого сайту. Збережіть файл template.php після внесення змін.

Видалення мета тега Generator

Мета тег Generator автоматично формується Drupal. У ньому міститься інформація про поточної версіїсистеми та дається посилання на сайт drupal.org. Це погано як з погляду безпеки, так і з погляду пошукового просування сайту. Вилучимо його.

Заходимо на сервер за допомогою, переходимо до каталогу /includes і відкриваємо на редагування файл common.inc. Найкраще це зробити в редакторі, тому що він підсвічує синтаксис коду і робить роботу з ним зручнішою. Знаходимо та видаляємо наступний код:

Зберігаємо файл після внесення змін. Мета тег Generator має зникнути. Перевірте це.