Метатеги в html
Головна / Основи HTML / Блог / Метатеги: ключові слова, заголовок і опис html-сторінки
У цьому розділі я розповім тобі, що таке метатеги в HTML і як їх використовувати при створенні сайту.
Якщо ти не забув, то повинен знати, що метатеги повинні знаходитися в заголовку html-сторінки в тегах
і . Вони не виводяться на сторінку, крім заголовка (title). Мета-тегів заголовка існує велика кількість, але я напишу лише про найголовніші:- title - текст в даному тезі видно в заголовку вікна браузера. Його ще називають заголовком html-сторінки;
- meta - метатег, в якому містяться атрибути з різними параметрами, які допоміг серверів і пошукових систем.
Розберемо перший дуже важливий тег
Ключові слова - це слова, які більше всегона описують вміст html-сторінки, і є для неї більш релевантними (ключовими). Вони можуть бути як просто окремі слова, так і словосполучення. Бачачи дані слова на сторінці, пошуковик визначає, наскільки релевантна ця сторінка щодо даними словами. Створюючи html-сторінку, старайся заздалегідь визначити головні для неї ключові слова, і використовуй їх в заголовку (title), а також значних атрибутів метатегов. Про це я напишу далі.
метатег () Служить для визначення службових даних про html-сторінці. Атрибути метатега можна розділити на два види: HTTP-EQUIV (HTTP-еквіваленти) і NAME. Хоча даних атрибутів велика кількість, я напишу лише основні, які тобі треба для створення сайту. Почну з HTTP-EQUIV.
content-type - тип документа і його кодування. Служить для правильного відображення символів у вікні браузера. HTML-код:
content-language - вказівка мови документа. Значення цього атрибута використовується як пошуковими роботами, так і web-серверами. HTML-код:
refresh - час (в секундах), через яке буде оновлення сторінки або перехід на іншу html-сторінку або сайт. HTML-код для оновлення сторінки через 20 секунд:
Далі розповім про групу метатегов NAME:
description - опис твоєї html-сторінки. Багато хто вважає що даний метатег марний і непотрібний, а також не впливає на ранжирування сторінки в пошукових системах. Але я людина старої школи, і вважаю що він до сих пір відмінно працює. У ньому також я раджу писати ключові слова. До речі, іноді вміст саме цього метатега виводиться в результаті видачі під заголовком. Наведу приклад HTML-коду:
keywords - ключові слова документа. Думаю тут все зрозуміло - ти пишеш тут всі ключові слова через кому, які пов'язані з даною сторінкою. HTML-код:
Я перерахував основні метатеги HTML, які необхідні новачкові для створення свого сайту. ти можеш звичайно скористатися іншими Істочному, щоб дізнатися інші мета теги, вирішувати тобі, але ось ці я рекомендую застосовувати завжди, без винятків. Для закріплення ще один приклад HTML-коду:
Інші метатеги використовуй за потребою, без потрібні не розміщуй, навіть заради експерименту, поки не дізнаєшся про них все. Метатеги допоможуть користувачам і пошуковим системам краще сприймати твій сайт, зроблять його ще цікавіше і краще. Допоможуть користувачам знайти твій сайт на Яндексі і Google, допоможуть його оптимізації та розкрутці.
Знижки для новачків:
Підпишіться на цікаві оновлення мого блогу, щоб бути в тренді останніх тенденцій розробки і просування сайтів: