Правильний тег h1
Сьогодні поговоримо про правильне розташування тега H1 на вашій сторінці - він повинен бути заголовком статті, а не назвою блогу WordPress. А також з'ясуємо, як змінити колір заголовка поста, розмір шрифту. І навіщо це треба зробити.
У попередній статті я згадала про майже детективну історію з втратою заголовка блогу WordPress. Сталася ця історія, коли я зазвичай копалася в кодах свого безкоштовного шаблону, прибираючи дублі. Мета - привести в порядок теги h1 і h2 (відповідно до рекомендацій внутрішньої оптимізації). Правильний розподіл заголовків на сторінках постів змусить пошукові системи ставитися до веб-ресурсу більш лояльно.
До речі, зараз я не боюся, що мій блог раптово зникне - я навчилася робити бекап сайту і відновлювати сайт з бекапу. Зробила цю процедуру вже не раз і відчуваю себе більш впевнено.
Як я вже писала в минулій статті, мій шаблон, як і безліч безкоштовних шаблонів WordPress, зверстаний не цілком правильно. Не знаю, з якою метою розробники так роблять - поміщають найбільш значимий і вагомий тег h1 в шапку (header)?
Виходить, що цей тег обрамляє назву блогу, яке не містить ключових слів (найчастіше). А так як наші маленькі некомерційні блоги просуваються, в основному, по низькочастотних ключових словах, користі від тега H1 в шапці немає ніякої. Навпаки, він створює однакові заголовки (дублікати). Скільки у вас сторінок, стільки і однакових заголовків. Це погано, дуже погано.
А наші новенькі проекти ПС розглядають тільки що не під лупою. Ось тому правильна ієрархія заголовків на сторінках так важлива. Молодим сайтам з відносно невеликою відвідуваністю поки втрачати нічого, тому є резон розташувати тег H1 вірно з самого початку.
Тема h1. Як розташувати його правильно
Більш правильно, коли кожна сторінка містить один заголовок H1:
- сторінка записів (single.php) - тег h1 озаглавливает статтю. Просувний запит, включений в заголовок, в цьому випадку набуває більшої значущості, йому забезпечено більш легке просування;
- кожна статична сторінка (в моїй темі варіанти статичних сторінок - це page-full.php, Page with Slider) також містять тег H1.
- головна (динамічна) сторінка, на якій виводяться анонси статей, не повинна містити кілька тегів H1, тільки теги H2 і менш значущі. У шапці блогу також залишимо тільки тег H2.
Навпаки, якщо ваша просувається головна сторінка - статична (актуально для деяких сайтів), тег h1 їй буде корисний.
Про це прямо вказує сервіс визначення релевантності сторінок Mega Index.ru
Як все це організувати? Рекомендації, які можна знайти в мережі, кажуть, що все зробити просто.
Тепер я знаю, за розмір і колір шрифту заголовка відповідає файл style.css. Але як знайти рядок, в якій треба зробити зміни?
Як змінити розмір заголовка блогу
Щоб змінити розмір заголовка (записи або в шапці блогу) - збільшити або зменшити шрифт, знайдемо, де саме треба внести правки в стилі CSS.
З'являється вікно в нижній частині екрана. Проглядається елемент в ньому підсвічений.
У правому вікні ми бачимо, який елемент треба змінити в стилях CSS (у мене це logo).
Я замінила logo H1 на logo Н2 і, о диво, заголовок з'явився.
До речі, можна також змінити:
1. колір заголовка (виберіть його онлайн, натиснувши на квадратик зі кольором). Приміряйте на сторінці різні кольори, запишіть або скопіюйте буквене позначення;
2. розмір шрифту заголовка блогу;
3. шрифт (вибирайте ті шрифти, які є не тільки у вас на комп'ютері, але і у більшості користувачів, щоб ті не побачили лише кракозябри).
Всі дії будуть відбуватися тільки на відкритій сторінці. Якщо ви задоволені результатом, внесіть зміни в стилях CSS і обновіть.
Як змінити розмір заголовка поста, який виводиться на головній сторінці
Найдовше довелося повозитися з заголовком поста на головній сторінці. Він став маленьким і непривабливим, до того ж був посиланням.
- a: link - невідвідування;
- a: visited - відвідана;
- a: active - активна;
- a: hover - та, на яку наводиться миша:
Але що б я не робила, збільшити шрифт заголовка не виходило.
Довелося привласнити заголовку власний вбудований стиль.
На мій превеликий жаль я не такий великий фахівець по CSS, вчити нікого не збираюся. Просто хочу запропонувати конструкцію, отриману методом безлічі проб і помилок. Результат - симпатичний заголовок поста на головній сторінці.
Зміни внесла в файл index.php і в стилі CSS.