Привіт всім! З вами я, Калмиков Антон і Blog-Bridge.ru. Сьогодні в цій статті я хотів би розповісти вам, як можна поліпшити юзабіліті свого сайту за допомогою плагіна Yoast SEO, про який я розповім докладно в одній з наступних своїх статей.
Тому рекомендую підписатися на оновлення блогу, щоб не пропустити вихід цієї мега корисної статті. А поки раджу прочитати ще парочку постів, що стосуються такої важливої теми як юзабіліті.
Статті в тему:
Як оцінити юзабіліті сайту або турбота про свого читача понад усе
Основи юзабіліті сайту головної сторінки або як не розгубити читачів
Напевно, багато хто вже чули про цей плагін і знають, що він необхідний для написання сео-оптимізованих статей. Але те, що ще можна зробити хлібні крихти WordPress Yoast SEO, здогадуються далеко не всі.
Для початку, давайте я поясню, що таке «хлібні крихти» і для чого взагалі вони потрібні.
Зміст статті:
Що таке «хлібні крихти»
Отже, «хлібні крихти» - це додаткова посторінкова навігація, яка відображає в якій рубриці або в якому розділі знаходиться стаття. Відвідувач, перейшовши на якусь сторінку вашого блогу повинен розуміти, в якому розділі він знаходиться і в тій чи рубриці він шукає потрібну йому інформацію. Узагальнено ця навігація може бути представлена так:
У нас на сайті вона виглядає наступним чином:
Крім того, наявність даної навігації допомагає роботам більш чітко розуміти структуру сайту і швидше індексувати ваш блог. А це дуже важливо при просуванні проекту в мережі.
«Чому?» - ви запитаєте, ми вирішили користуватися даними плагіном. Відповідь тут буде простий. В інтернеті існує велика кількість схожих сервісів, які допоможуть з висновком «крихт», але при цьому вони додатково будуть навантажувати сайт, від цього краще вже точно не стане. А раз ми все одно використовуємо Yoast SEO для оптимізації постів, то гріх не скористатися його можливостями і не зробити зручне юзабіліті з його допомогою.
Налаштування виведення хлібних крихт плагіном Yoast SEO
Як встановлювати даний Yoast SEO я писати тут не буду. Якщо ви не знаєте, як це зробити, то прочитайте ось цю мою статтю « Корисні плагіни для Вордпресс: запам'ятовуємо і використовуємо ». У ній я детально розповідаю і показую, якими способами можна встановлювати необхідні плагіни для роботи.
Давайте, будемо вважати, що ви уважно прочитали і встановили Yoast SEO. Тепер перейдіть в лівій панелі адмінки WordPress у вкладку SEO і виберіть підменю «Додатково».
У вікні, поставте галочку «Включити навігаційну ланцюжок (breadcrumbs)».
На щастя відкриються настройки все російською мовою, і вони інтуїтивно зрозумілі. У відео, яке скоро з'явиться в цій статті, я більш наочно покажу, що буде відбуватися при зміні деяких пунктів даного меню. А поки, ви можете самі з легкістю поекспериментувати і спробувати поміняти настройки. Нічого страшного тут зробити не можливо, так як це всього лише візуальні коригування наших «крихт».
Наступним кроком після включення навігаційної ланцюжка, буде вставка коду активації даної функції в шаблон вашої теми. Щоб дізнатися, який код потрібно вставити, переходимо по посиланню, яка йде після настройок нашого ланцюжка.
Після того, як ми потрапили на офіційний сайт даного плагіна, копіюємо необхідний код і вставляємо в те місце своєї теми, в якому ми плануємо, щоб вони виводилися.
Універсального місця для вставки даного коду я вам порадити не можу, так як це залежить від теми, яку ви використовуєте. Можливо вам знадобитися прописати його або в файл single.php, або в page.php, а в деяких випадках і в header.php.
У нашому випадку код ми вставили практично на самому початку файлу single.php, який розташований за адресою www / wp-content / themes / ваша тема /.
Примітка: Звертаю вашу увагу, що вставляти код краще через FTP клієнт. Ми використовуємо Filezilla, про роботу якої докладно писали тут . Обов'язково прочитайте нашу інструкцію, щоб уникнути багатьох помилок новачків.
Причому прошу також звернути увагу, що код який стоїть у нас, трохи відрізняється від того, який нам рекомендований розробниками. А саме, функцію breadcrumbs ми обернули в тег div. Це зроблено для того, щоб можна було поставити свій індивідуальний стиль відображення.
Для цього в файлі style.css ми прописуємо ті стилі, які нам потрібні. У них ми можемо поставити колір, фон, розмір шрифту, підкреслення, тобто привести до такого виду, який би повністю влаштовував би наш смак або поєднувався із загальною стилістикою сторінки. У нашому випадку це виглядає ось так:
На цьому настройка плагіна практично закінчена, але в такому варіанті, у нас після виведення рубрики ще будуть виводитися і назва статті. Це може привести до переспамленності. Я думаю, ви зі мною погодитеся, що це зайве, оскільки назва статті і так прекрасно видно користувачеві і дублювати його ще раз немає ніякої необхідності.
Щоб уникнути цього, потрібно додатково вставити невеликий код в файл functions.php.
Ось тепер всі наші настройки закінчені. Якщо ви все зробили правильно, то у вас вийде приблизно так само як на нашому блозі.
Якщо виникнуть питання - пишіть в коментарях!
Всім до побачення!
З вами був Калмиков Антон
«Чому?