Привіт, друзі! Сьогодні поговоримо про title, заголовках (h1, h2, h3 ...) і метатегах (description, keywords). Як їх грамотно прописувати і правильно структурувати на web-сторінці.
Коли користувач забиває запит в пошуковий рядок Яндекса або Гугла, то пошукова система повинна видати йому інформацію, яку він шукає. Щоб сформувати видачу, пошуковик звертається до title, метатегах, заголовкам і контенту. Правильно seo-оптимізовані заголовки і метатеги дуже важливі для релевантності пошукових запитів і, внаслідок цього, ранжируванні сторінок сайту у видачі.
Висновок простий, щоб сторінки сайту потрапляли в видачу, заголовки і метатеги потрібно правильно оптимізувати.
Для оголошення заголовків і метатегов існують спеціальні HTML-теги, нижче розглянемо всі з них. Ось приклад, простий HTML-структури сторінки.
<! DOCTYPE html> <html> <head> <title> Заголовок сторінки </ title> <meta name = "description" content = "Короткий опис" /> <meta name = "keywords" content = "Ключові слова" /> </ head> <body> <h1> Заголовок статті </ h1> <p> Текст </ p> <h2> Тема другого рівня </ h2> <p> Текст </ p> <h3> Заголовок третього рівня </ h3> <p> Текст </ p> </ body> </ html>
Почнемо з самого головного, тег title є заголовком всієї web-сторінки. Він є пріоритетним для пошукових систем при формуванні сниппета в видачі.
Побачити title також можна у вкладці браузера і в вихідному коді сторінки між тегами head.
Розмір фрази в title не повинен перевищувати 60 символів і його не потрібно точно дублювати в заголовках. При повторенні фрази в заголовку, обов'язково розбавляйте її іншими словами.
Детальніше про те, як підбирати ключі для title і заголовків, я писав у статті « Як скласти семантичне ядро сайту? ».
Метатеги description і keywords
Description - це короткий опис сторінки. Опис не повинен перевищувати 150 символів, потрібно вкластися в допустиму кількість символів і максимально описати про що дана сторінка, при цьому вжити головний просувний ключ.
<Meta name = "description" content = "Короткий опис" />
Велика помилка, коли в description пишуть купу ключових слів через кому. Це давно вже не працює, такі сторінки пошуковики вважають «переспамом» і знижують їх у видачі. Повинно бути нормальне легко читається пропозицію.
Вміст метатега description часто потрапляє в сниппет пошукової видачі.
Keywords - ключові слова сторінки. Ходить багато розмов про це метатеге, велика кількість фахівців вважають, що keywords вже не враховується пошуковими системами і прописувати його немає сенсу, а інші стверджують, що пошукові системи просто на нього стали уваги звертати менше, але все одно враховують. Особисто я схиляюся до другого думку.
<Meta name = "keywords" content = "Ключові слова" />
У keywords бажано писати одну ключову фразу з маленької літери, а якщо пишете дві фразу, потрібно розділити їх комою. Писати більше двох ключів я не рекомендую.
Заголовки H1 - H6
H1 - це заголовок всієї статті (контенту). Часто його плутають з title, але це різні речі, і вміст їх повинно бути різним. Різниця в тому, що title це заголовок всієї сторінки (html-документа), він показується користувачеві тільки на вкладці браузера, а h1 - заголовок статті всередині html-документа і показується користувачеві найбільшим шрифтом.
Подібність у них одне, h1 і title вживаються тільки один раз на сторінці, це логічно, не може бути двох заголовків статті або, наприклад, книги.
H2 - це заголовок другого рівня, його можна використовувати кілька разів, так само як і всі інші: h3, h4, h5 і h6.
Запам'ятати всі наступні: заголовки повинні йти строго по ієрархії в структурі сторінки. Не можна заголовок більш високого рівня ставити після низького. Тобто h2 можна вживати після того, як написали h3. Також для seo не рекомендується прописувати заголовки в сайдбарі і футере сайту, вони повинні бути тільки в контенті. Ключі також від більшого до меншого, ніж вище рівень заголовка, тим високочастотні ключова фраза і не забувайте про «переоптімізацію».
Ніколи не вставляйте теги заголовків, якщо потрібно просто збільшити розмір шрифту, для цього існує CSS. Заголовок повинен пояснювати вміст статті, розділу статті або підрозділу. Він повинен бути читабельним і зрозумілим для людей.
На цьому буду закінчувати цю статтю, сподіваюся, викладена інформація була корисною і зрозумілою, якщо немає, то задавайте питання в коментарях, відповім усім.
