- 1. Тег Title
- 2. Мета-тег description
- 3. Теги заголовків різних рівнів
- 4. A lt-т еги для зображень
- 5. Тег «nofollow»
- 6. анкорний посилання
- 7. Канонічні теги
- остання порада
- висновок
- схоже
ТОП пошукових систем за основними запитами - це вершина успіху онлайн-бізнесу.
Згідно з дослідженнями маркетингових агентств, сайти з першої сторінки пошуку отримують 95% трафіку, наступні сторінки отримують лише 5% від загального обсягу.
Я спілкувався з багатьма власниками бізнесу і фахівцями - новачками і ветеранами, які сходили з розуму, намагаючись розгадати секрети того, як поліпшити рейтинг сайту і зайняти вигіднішу позицію в пошуку, які не заробили санкцій.
Хотів би я розповісти, що є чарівна кнопка, яка обов'язково перемістить ваш сайт на перше місце видачі.
Але правда в тому, що вона вимагає винахідливості, наполегливості, завзятості і творчості. Особливо при постійно мінливому характері алгоритмів Google і Яндекс.
Немає ніякої магії, є тільки кроки, чіткі дії, які ви можете зробити, щоб піднятися на вершину результатів пошуку.
А почнемо ми з основ оптимізації сторінки. Щоб сайт ранжирувався краще - потрібно спілкуватися з пошуковими системами на їх мові, на мові SEO. А саме, за допомогою тегів HTML.
1. Тег Title
Це, напевно, найважливіший тег, коли справа доходить до базової оптимізації сайту.
Щоб ранжувати ваш веб-ресурс, пошукова система повинна знати тему контенту кожної сторінки і про що ваш сайт в цілому. Тег title відповідає за це.
Ось як він виглядає в Google:
Title в пошуку
Я ввів в Google запит SEO-оптимізація. Добре, якщо ви помітили, що це ключове слово присутнє в точній відповідності в заголовку (title) і в описі (мета-описі). Це головна особливість тега title. Якщо ви хочете просувати сторінку за певною ключовою фразою - напишіть її в заголовку. Але не потрібно перестаратися. Алгоритми пошукових систем досить просунуті - вони добре розуміють схиляння, розведення ключової фрази і синоніми. Тому обов'язково додавайте ключовий запит в тег title, але не жертвуйте читабельністю і сенсом пропозиції.
Як додати тег title в HTML-код вашого сайту?
Ось як він виглядає:
Вид html-тега title в загальній структурі сторінки
Щоб додати тег title в HTML-код вашого сайту почніть текст з <title> і закінчите з </ title>. Так ви вкажете пошуковим машинам тему і ключове слово, яке ви використовуєте на цій веб-сторінці.
Якщо у вас сайт на платформі WordPress , То процес додавання тега значно спрощується.
Перейдіть в панель інструментів WordPress.
Виберіть вкладку «Записи» і пост, в який ви хочете додати тег title.
консоль WordPress
І в поле «Введіть заголовок» напишіть те, що ви хочете показати як тега title.
Заголовок сторінки в WordPress
Примітка. WordPress автоматично дублює назву сторінки в теги HTML. Тому просто введіть бажаний заголовок, і він буде показаний в результатах пошуку.
2. Мета-тег description
Якщо ви серйозно ставитеся до SEO, ви обов'язково повинні прописувати на всіх своїх сторінках мета-тег description. Мета-опис як резюме на зворотному боці книги. Тема в пошуку - це дуже важливо, але додаткова пара пропозицій дозволяють переконати читача, що на вашому сайті він знайде саме те, що шукає.
Якщо ви напишіть його правильно, ваше мета-опис не тільки допоможе вам добре зарекомендувати себе в Google і Яндекс, але також буде призводити відвідувачів і клієнтів.
Ось де мета-опис відображається в результатах пошукової видачі:
Мета-опис в пошуковій видачі
Як ви бачите, ключові слова присутні не тільки в тезі title, але і в мета-описі. Це важливо.
Щоб сторінка високо ранжувати в резкльтатах посіка - вам потрібно створити безперервність між тегом заголовка і вашим мета-описом. Тобто робіть так, щоб description був логічним продовженням title.
Наприклад, ви використовуєте фразу «інтернет маркетинг» в тезі title, але в мета-описі присутній виражене «email-маркетинг». Пошукові системи будуть оцінювати вашу сторінку нижче, тому що вони не можуть визначити, що ви конкретно обговорюєте - інтернет-маркетинг або email-маркетинг.
Вибирайте одне ключове слово і дотримуйтеся його.
Ось як виглядає мета-тег опис в HTML-коді:
html-тег мета-опису в загальній структурі сторінки сайту
Важливо! На кожній веб-сторінці має бути одне ключове слово. І це ключове слово має відображатися в тезі title і мета-описі.
Якщо ви використовуєте веб-сайт на WordPress, додати мета-опис також дуже легко з плагіном «Yoast SEO».
Читайте наше керівництво: Як правильно налаштувати Yoast SEO для WordPress - повне керівництво.
Встановіть плагін, перейдіть на сторінку, де ви хочете додати мета-опис. Внизу, після запису ви побачите вікно плагіна Yoast SEO.
Натисніть на кнопку «Змінити сниппет».
Заповнення опису в популярному плагіні
І в випадаючому вікні введіть мета-опис до 160 символів.
Відразу ж при заповненні плагіном формується візуальний вигляд повідомлення, як в результатах видачі Google.
Швидкий попередній результатів видачі
3. Теги заголовків різних рівнів
Теги заголовків обов'язково потрібно додавати в контент на сайті.
На відміну від тегів title і description вони не виводяться в результати пошукової видачі (точніше не обов'язково виводяться - про це далі), але роблять інформацію на сторінці читабельнее і зрозуміліше. Причому не тільки для користувачів, але і пошукових систем.
Власне, подивіться трохи вище виділений шрифтом текст поруч з номером три.
Це H2 заголовок
Вся ця рядок є тегом заголовка h2.
У версті існує кілька різних рівнів тегів заголовків. Залежно від формату запису найчастіше використовують - h1, h2, h3, рідше - h4, h5, h6.
Ось як виглядає HTML-тег підзаголовків:
Теги заголовків
Коли ви помічаєте всі ваші актуальні заголовки вашого поста або сторінки, ви повідомляєте пошуковим системам, про що йдеться в кожному блоці вашого контенту.
Саме так пошукові системи можуть створювати фрагменти в пошуковій видачі:
Сніппет в пошуковій видачі
А такі сніппети роблять рекламу більш помітним, по відношенню до інших сторінок, що відповідно значно впливає на кількість відвідувачів.
Додати ці теги заголовків в будь-який з ваших матеріалів дуже просто.
Якщо ви використовуєте візуальний редактор, ви можете просто вибрати потрібний заголовок.
Вибір заголовків в WordPress
У HTML-редакторі просто почніть з <h2> і закрийте </ h2>. Аналогічно з заголовками інших рівнів.
4. A lt-т еги для зображень
Alt-теги - це ще одна можливість просунути сайт, яку багато втрачають. Адже люди виконують пошук на вкладці «Все».
Пошук Google
Іноді люди шукають інформацію на вкладці «Картинки».
Пошук по картинках
Якщо ви не заповнюєте alt-теги - ви втрачаєте частину свого трафіку.
Пошукові системи ще не розуміють зображення (в найближчому майбутньому це точно зміниться) - вони читають тільки слова.
Значить, щоб ваші зображення ранжувались в пошуку Google і Яндекс, вам потрібно завжди заповнювати alt-теги на всіх ваших скріншотах і картинках.
Таким чином, коли хтось шукає на вкладці «Картинки», вони можуть знайти ваш контент.
Ось як виглядає Alt-тег для зображень:
Тег для картинок
Щоб додати цей тег в зображення для постів на платформі WordPress, натисніть на картинку, і ви побачите порожнє поле з написом «Атрибут alt».
Заповнення тега alt для зображень в WordPress
Опишіть це зображення. У alt-тег не обов'язково додавати ключове слово, призначене для сторінки.
Збережіть зміни і зробіть те ж саме з іншими вашими картинками. Це збільшить ваші шанси, що люди знайдуть ваш контент.
5. Тег «nofollow»
Є кілька причин, за якими потрібно знати тег «nofollow» для посилань.
По-перше, тег «nofollow» повідомляє пошуковим системам, що вони не повинні переходити по посиланню.
Іншими словами, прив'язка до веб-сайту або фрагменту контенту зазвичай збільшує кількість посилань домену веб-ресурсу, на який посилаються. Але з тегом nofollow це не відбувається. Посилальна маса не передається.
Але не турбуйтеся: посилання все одно буде працювати. Вона перенаправить користувача в потрібне місце, якщо він натисне на неї.
Ось як виглядає атрибут «nofollow»:
тег nofollow
Але чому потрібно знати про посилання «nofollow»?
Є кілька причин.
Якщо ви працюєте над SEO-стратегією за допомогою зворотних посилань, вам потрібно знати, чи будуть ці посилання передавати контрольний вагу. Атрибут «dofollow» передає вагу і допомагає при ранжуванні сайту, посилання «nofollow» - немає.
Важливо! Є думка експертів, що посилання «nofollow» в невеликому ступені допомагають ранжирування. Тому вони не зовсім марні. Але підтвердити це або спростувати ніхто не може.
Також ви можете використовувати тег «nofollow» на своєму власному веб-сайті, коли будете додавати посилання на інший веб-сайт, особливо з поганою репутацією.
Це гарантує, що посилання не зашкодить вашому домену.
Ось як ви можете зробити це на своєму сайті.
Перейдіть на HTML-редактор в блозі.
перемикання режимів
Додайте посилання і атрибут nofollow.
Посилання та тег nofollow
Тепер посилання не вплине на SEO іншого сайту і захистить ваш сайт від санкцій.
6. анкорний посилання
Коли публікуєте статті на своєму сайті, ви, ймовірно, посилаєтеся на різні сайти за допомогою посилань.
Багато людей просто додають посилання на ресурс. Наприклад, ось так http://mediol.name/
Але це не зовсім добре в плані SEO. Краще додавати посилання з анкором.
Для розуміння: ось як виглядає HTML-тег з анкором:
<A href = "http://example-website.com"> Етоссилкана мойсайт </ a>.
А ось так без анкора:
http://example-website.com
Але чому посилання з анкором краще?
Google постійно шукає прив'язку посилання і тексту, щоб зрозуміти, навіщо ви посилаєтеся на інший ресурс. Чому ви пов'язуєте свій контент з інших сайтом і що є предметом цієї зв'язки?
Текст вашого анкора повинен відповісти на ці питання для пошуку.
Наприклад, якщо ви посилаєтеся на чужій сайт і ставите хороший тег анкора, це допоможе ранжирування більше, ніж посилання.
Точно така ж ситуація, коли ви посилаєтеся на сторінку свого сайту. Правильна і логічна внутрішня SEO-оптимізація грає величезну роль в просуванні ресурсу.
Пошукові системи люблять організований контент.
7. Канонічні теги
Канонічний тег відмінно підходить для організації вашого контенту і вибудовування пріоритетності однієї сторінки по відношенню до дубліката.
«Але у мене немає дубльованих сторінок на сайті!» - скажете ви.
Смію вас засмутити, але, швидше за все, ви помиляєтеся. На кожному веб-сайті є дублі сторінок.
Оскільки ми люди, а не пошукові системи, це важко помітити.
Дозвольте мені пояснити. Пошукова система може сканувати одну і ту ж сторінку, використовуючи всі ці різні URL-адреси.
Для нас вони всі схожі на одну і ту ж сторінку. Але для пошукової системи кожна з них - дубль.
Приклад можливих дублів сайту
Це всього лише невелика вибірка можливих дублів сторінок. Якщо у вас великий веб-ресурс - на ньому можуть бути сотні або тисячі дублікатів.
Щоб вирішити цю проблему, ви можете використовувати канонічний тег, який вказує на пріоритетність URL-а.
Ось як виглядає цей тег.
html-код тега Canonical
Це допоможе пошуковим системам правильно зчитувати інформацію з вашого сайту і ранжувати його краще.
остання порада
Якщо ви не сильно розбираєтеся в HTML-коді, вам не потрібно його вчити. Багато маркетологи і експерти по SEO не знають навіть базова мова програмування.
Для спрощення можна використовувати спеціальні програми і плагіни, які значно полегшать роботу з HTML-тегами.
Мій самий улюблений - Yoast .
Якщо у вас є сайт на WordPress, встановіть плагін Yoast, який спростить додавання більшості цих тегів.
Yoast навіть проведе загальний діагноз SEO для вашого контенту і повідомить вам, як зробити його краще. Знайти рекомендації від Yoast Seo можна в кінці редактора статті:
Плагін Yoast SEO
висновок
Підкорення ТОП 1 займає багато часу. Іноді потрібні місяці, найчастіше - роки важкої, рутинної і творчої роботи над сайтом, поліпшенням його рейтингу. І якщо не здаватися - ви обов'язково підніміться на вершину.
А для досягнення цієї мети потрібні правильні HTML-теги.
Навіщо?
Тому що це основа html-верстки. Тому що цього вимагають пошукові системи. І врешті-решт, використання HTML-тегів показує, хто новачок в SEO, а хто - професіонал.
Той, хто не використовує ці теги, упускає можливість зробити сайт краще, як для відвідувачів, так і пошукових систем.
А значить - втрачає частину органічного трафіку.
Якщо стаття була для вас корисна - напишіть про це в коментарях!
7 основних HTML-тегів, які виділяють SEO-профі від новачків
Рейтинг: 5 Оцінок: 3
схоже
comments powered by HyperComments Як додати тег title в HTML-код вашого сайту?Чому ви пов'язуєте свій контент з інших сайтом і що є предметом цієї зв'язки?
Навіщо?
