Мета теги сторінки сайту | Мета теги title, description, keywords
Правильна настройка мета-тегів дуже важлива для SEO. Роботи щодо заповнення, прописування, коригування мета-тегів завжди виконуються при запуску проекту, відразу після того, як зібрано семантичне ядро. І тривають у міру необхідності протягом всього періоду просування сайту. Іноді достатньо лише невеликих змін в метатегах, щоб сайт вийшов в ТОП10. Особливо це актуально для низькочастотних запитів, а також в тих випадках, коли сайт вже знаходиться досить високо по даному запиту (наприклад, 11-15-а позиція в пошуковій видачі), і потрібно зовсім небагато, щоб висунути його в ТОП.
Якщо бути гранично точним, то під мета-тегами слід розуміти (X) HTML-теги <meta>, за допомогою яких можна вказати службову інформацію про сторінку. Така інформація розміщується всередині контейнера <head> ... </ head> і не виводиться на екран. Служать для структурування та подання пошуковикам метаданих про гіпертекстовому ресурсі (веб-сторінці).
До мета-тегами відносяться:
- title - заголовок сторінки;
- description - опис веб-сторінки;
- keywords - ключові слова;
- http-equiv - тип відправляється документа і кодування (charset);
- generator - CMS сайту;
- author - автор;
- copyright - авторське право;
- robots - правила індексування сторінки для роботів;
- viewport - дані про налаштування області перегляду;
- та інші.
Метатеги на сторінці можна прописувати вручну. Вбудовані інструменти можуть їх генерувати автоматично. Але краще виконати цю роботу самостійно, так щоб вони точно відповідали тематиці веб-сторінки, вказуючи:
- авторство;
- джерела отримання інформації;
- короткий зміст контенту.
Це підвищить відповідність очікуванням користувача, а значить, продовжить час його перебування на сторінці, що позитивно позначиться на її просуванні.
Метатеги класифікуються на чотири групи, кожна з яких наділена певними функціями і супроводжується одним з чотирьох атрибутів:
- content - не призначається за умовчанням;
- http-equiv - призначений для перекладу метатега в заголовок HTTP;
- name - ім'я метатега, побічно встановлює його призначення;
- charset-задає кодування документа.
З них тільки content є обов'язковим. Решта застосовуються за бажанням.
Метатеги потрібні для передачі потрібної інформації про сторінку:
- пошуковим роботам (keywords, title, description);
- браузерам (коди сторінок, інтервали автообновления, куки);
- сервісів (вказівка копій адрес та інших відомостей).
Слідкуйте за тим, як і з якою метою ви заповнюєте метатеги.
Це найголовніший тег, який більше за інших впливає на просування сайту за ключовими словами. У більшості випадків саме цей текст використовується в заголовку сниппета:
Так title виглядає в коді сторінки сайту:
- Заголовок повинен бути унікальним на всіх сторінках сайту;
- Тайтл повинен відображати суть сторінки, повинен бути інформативним і коротким;
- Повинні бути присутніми запити, по яких просувається дана сторінка, найважливіші розміщуємо на початку тега, заголовок повинен обов'язково містити 1-3 ключових слова;
- Не вмикайте в Title занадто багато ключових слів;
- Не використовуйте спеціальні символи (= / \ + _), розділові знаки і стоп-символи (точка, двокрапка, знак і знак питання) - пам'ятаєте, це знаки, які розбивають пасажі в Title, що знижує взаємозв'язок ключів по різні боки від стоп-знака ;
- Складайте тег Title для людей за всіма правилами російської мови, заголовок по можливості потрібно робити чіпляють і привабливим;
- Оптимальна довжина Title - від 30 до 65 символів. Google орієнтується на довжину в пікселях, рекомендована довжина - від 200 до 571 пікселів. Якщо довжина Title більше, то в сніпеті з'являється три крапки, яке також займає додаткове місце в заголовку. Воно може з'явитися як в кінці заголовка сниппета, так і на початку. Короткі Тайтл теж погано, оскільки в нього поміщається мало ключів.
Приклади правильного заповнення тегів title
- <Title> Купити окуляри сонцезахисні в Москві за низькими цінами </ title>
- <Title> Установка дерев'яних вікон в Москві недорого </ title>
- <Title> Мета-теги сторінки сайту | Мета теги Title і Description </ title>
- <Title> Установка windows, видалення вірусів, лагодження комп'ютерів, продаж комплектуючих </ title> (просте перерахування ключових слів)
- <Title> Головна - ТОВ авторемонту - ремонт автоматичної коробки передач в Москві </ title> (спочатку повинні бути найголовніші ключові слова)
- <Title> Авторемонт </ title> (занадто короткий Title)
- <Title> ТОВ Сайти: розробка сайтів, великий офіс, новини компанії. </ Title> (слова, за якими не просуватиметься сайт)
Так само один з головних мета тегів для просування сторінки за ключовими словами. Опис може використовуватися в сніпеті:
Description в коді сайту:
Іноді пошуковик бере description з тексту сторінки, тому що вважає його більш відповідним
Сніппет в пошуку:
Description в коді сайту:
- Повинен відображати суть сторінки, написаний у вигляді узгодженого тексту. Може бути кілька пропозицій.
- Повинен бути унікальним для всіх сторінок сайту, не дублювати аналогічні теги на інших сайтах (для цього використовуємо назву компанії в тексті мета-тега).
- У тезі потрібно використовувати запити, по яких просувається дана сторінка, однак робити це необхідно так, щоб вони були використані природним чином, в потрібній морфології. Також не слід просто перераховувати запити через кому.
- Зміст тега не повинно повторювати Title.
- Довжина description повинна бути не менше 70 і не більше 150-200 символів. Google визначає довжину в пікселях, рекомендована довжина від 400 до 930 пікселів.
- У description бажано відобразити основні переваги компанії, товару, послуги.
- Найбільш важливу інформацію і фрази краще розмістити на початку мета-опису.
- Чим привабливіший буде Description, тим частіше будуть кликати на сниппет.
- <meta name = "description" content = "Обідні столи: великий вибір столів, низькі ціни, доставка по Росії. Купити столи в інтернет-магазині СуперМебель зі знижкою! »/>
- <Meta name = "description" content = "Мета-теги сторінки сайту. Мета тег Title і Description. Правильна оптимізація мета тегів Title і Description. »/>
- <meta name = "description" content = "Купити смартфон Xiaomi Redmi 4x в інтернет-магазині ЕЛЬДОРАДО з доставкою та гарантією. Ознайомитися з цінами, відгуками власників, фотографіями, технічними характеристиками і докладним описом. »/>
- <Meta name = "description" content = "Челябінський тракторний завод (ЧТЗ)» /> (короткий, мало ключових слів)
- <Meta name = "description" content = "Правильна настройка мета-тегів дуже важлива для SEO. Роботи щодо заповнення, прописування, коригування мета-тегів завжди виконуються при запуску проекту, відразу після того, як зібрано семантичне ядро. І тривають у міру необхідності протягом всього періоду просування сайту ... »/> (згенерований автоматично або просто вирізано початок контента на сторінці).
- <Meta name = "description" content = "мета тег, метатеги сайту, мета-тег keywords, метатег title, мета тег description, метатеги сторінки, мета тег для SEO, метатеги для просування, оптимізація мета тегів, тайтл, дескріпшн, кейвордс» /> (перерахування ключових слів через кому, неприродне мета-опис).
На мій погляд мета-тег Keywords вже давно не працює і не варто витрачати на нього час.
Даний мета-тег давно не враховується системою Google , Яндекс офіційно повідомляє про те, що даний тег може використовуватися при визначенні відповідності сторінки пошуковим запитам. Однак підтверджень того, що мета-тег kewords допомагає в ранжуванні сайту в Яндексі немає.
Якщо ви зі мною не згодні і вірите в цей мета тег, то ось мої рекомендації:
- не використовуйте множинні повторення ключів;
- використовуйте 1-3 ключових слів;
- ключові слова повинні відповідати тематиці сторінки;
Приклади правильного заповнення тегів keywords
- <Meta name = "keywords» content = "seo просування сайту, оптимізація сайту, розкрутка інтернет-магазину» />
- <Meta name = "keywords» content = "купити телевізор samsung» />
- <Meta name = "keywords» content = "seo просування сайту, просування сайту, комплексне просування сайту» /> (множинні повтори ключів)
- <Meta name = "keywords» content = "купити телевізор samsung, сиськи, голі дівки, оренда картоплі» /> (або у вас дивна тема статті на сторінці, або неправильно вказані ключі :-))
- Відкрийте вихідний код сторінки (Ctrl + U);
- Скористайтеся функцією пошуку по сторінці - Ctrl + F для того, щоб виявити мета-теги, можливо, деякі з них просто відсутні (Title, Description, H1 обов'язково повинні бути!);
- Зверніть увагу:
- вірно записані мета-теги з точки зору синтаксису (див. приклади вище),
- в потрібному місці вони розміщені (перевірте, чи точно мета-тег Title всередині контейнера <head>, логічно розміщені теги Hx і т.п.),
- не дубльовані чи теги, які повинні бути використані тільки один раз (так-так, буває коли на сторінці виявляється два мета-тега Title або кілька мета-тегів H1),
- коректно підхоплюються значення цих мета-тегів (бувають ситуації, коли ви прописуєте для сторінки одне значення мета-тега, але замість нього виводиться інше, шаблонне, налаштоване за замовчуванням).
Сам я використовую розширення для Chrome SEO META in 1 CLICK - дуже зручно.
Мета теги - не запорука успішності. Вони допомагають ранжувати ваш сайт краще. Але якщо контент буде неякісним, на вашому сайті ніхто не затримається.