Які важливі метатеги я повинен розміщувати на своєму веб-сайті? [зачинено]


81

Здається, існує величезна кількість мета-тегів, які ви можете встановити. Я здогадуюсь, що деякі з них важливіші за інші.

Які найважливіші метатеги пропонуються і чому?

Чи потрібні мені взагалі мета-теги? (дивлячись на домашню сторінку stackoverflow їх немає)


1
Чи це не більше речі ServerFault?
Девід Торнлі,

4
@ Девід Торнлі Чому веб-розробка не таке вже й питання? Це проблема програмування, звичайно?
Johnno Nolan 07

Відповіді:


112

Я усвідомлюю, що це питання давнє, але воно все ще є головним хітом Google, тому я подумав, що дам оновлену відповідь, яка включає популярні сайти соціальних мереж.

Як правило, у мене чотири групи метаінформації:


Regular Meta Info - використовується пошуковими системами та браузерами

<title>{{pageTitle}}</title>
<meta charset="utf-8"><!-- html5 version of http-equiv="Content-Type"... -->
<meta name="description" content="{{description}}">
<meta name="keywords" content="{{keywords}}">
<link rel="author" href="https://plus.google.com/{{googlePlusId}}" />
<link rel="canonical" href="{{pageUrl}}" />


Facebook Meta Info - використовується Facebook, коли хтось ділиться вашою URL-адресою

<meta property="og:url" content="{{pageUrl}}">
<meta property="og:image" content="{{imageUrl}}">
<meta property="og:description" content="{{description}}">
<meta property="og:title" content="{{pageTitle}}">
<meta property="og:site_name" content="{{siteTitle}}">
<meta property="og:see_also" content="{{homepageUrl}}">


Мета-інформація Google+ - використовується Google+, коли хтось ділиться вашою URL-адресою

<meta itemprop="name" content="{{pageTitle}}">
<meta itemprop="description" content="{{description}}">
<meta itemprop="image" content="{{imageUrl}}">

Примітка: вони вам насправді не потрібні, Google+ повернеться до тегів Open Graph, які використовує Facebook.


Twitter Meta Info - використовується Twitter, коли хтось ділиться вашою URL-адресою

<meta name="twitter:card" content="summary">
<meta name="twitter:url" content="{{pageUrl}}">
<meta name="twitter:title" content="{{pageTitle}}">
<meta name="twitter:description" content="{{description}}">
<meta name="twitter:image" content="{{imageUrl}}">

Дякуємо за оновлення!
Ian Walker-Sperber

24

Я використаю свою таку ж відповідь із цього питання :

Кілька років тому мета-теги були важливими для оптимізації пошукових систем. Однак вони зазнали зловживань і, як правило, ігноруються майже усіма пошуковими системами (включаючи пошук Google, Yahoo та Live. Вибачте: Bing).

Найважливішими тегами для SEO, які ви можете включити у свій (X) HTML, є теги <title>та <meta name="description"...>.

  • <title> як правило, має бути те, що ви хотіли б, щоб пошукова система називала вашу сторінку в цьому списку.
  • <meta name="description"...> іноді може дати пошуковій системі базове уявлення про те, як описати вашу сторінку при її індексації.

Однак використання цих двох тегів не обов’язково вплине на збільшення видимості вашого сайту в списках пошукових систем. Щоб отримати докладнішу інформацію щодо цього аспекту, Google має гарний розділ про SEO на своєму сайті.


12

Оновлення в травні 2015 року: як і раніше дуже популярною відповіддю, я рекомендую вам переглянути відповідь @ alden оскільки вона набагато оновленіша, ніж моя власна (зараз 6 років)

Оригінальна відповідь:


<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8"> 

Щоб повідомити браузеру, який тип вмісту та кодування

<meta NAME="ROBOTS" CONTENT="NOODP">

Див. Http://www.mattcutts.com/blog/google-supports-meta-noodp-tag/, щоб дізнатися, чому

<meta name="description"...>

Очевидно

<meta name="keywords"...>

Google цим не користується, але інші пошукові системи можуть

<meta HTTP-EQUIV="Expires" CONTENT="Tue, 20 Jun 1995 04:13:09 GMT">

Якщо ви знаєте, коли вам подобається термін дії цієї сторінки з кешу


1
а як щодо <meta http-equiv = "X-UA-Compatible" content = "IE = EmulateIE7" /> / man?
Ден

X-UA для ваших браузерів IE пов'язаний із сумісністю ..
Javascript Coder

1
Нір Леві. Заради доброзичливості до нових прибулих я прийму відповідь @ alden, але дякую за ваш внесок. Це було і є дуже корисним.
Джонно Нолан

7

Найважливіший мета - тег , ви повинні використовувати це:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

з урахуванням костюма. Це гарантує, що якщо вам коли-небудь знадобиться передати цей документ HTML через щось інше, ніж веб-сервер (наприклад, робота над ним локально, надсилання як вкладення), користувацький агент знає про його тип mime та набір символів. Просто переконайтеся, що заголовки серверів погоджуються.


8
<meta charset="utf-8" />є еквівалентом HTML5.
Друїд

3

Найкращий SEO - це веб-сайт, який ефективно відповідає потребам цільових користувачів. Для цього вам потрібно мати сайт, де є щось, що люди можуть використовувати, хотіти чи потребувати. Це цінність і її найголовніше. Це може бути що завгодно, від хороших статей до розважального відео чи корисного завантаження. Теги підтримують хороший вміст, але не можуть замінити його для SEO. Якщо вміст достатньо хороший, теги не потрібні. Повірте мені, коли я скажу: якщо на вашому сайті є щось, все, що люди хочуть чи потребують, чого вони не можуть дістати нікуди, ваш сайт буде добре працювати у всіх відношеннях, теги чи відсутність тегів. Якщо ваш сайт нудний і не має значення, він зазнає невдачі, теги або відсутність тегів.


2

метатег опису буде використовуватися Google як опис вашого сайту. Я думаю, що це найголовніше.

Я думаю, що мета-verify-v1 важлива. Це дозволяє використовувати інструмент Google Webmaster


1

GoogleBot ігнорує метаінформацію лише довіряючи самому вмісту сторінки, а не дескрипторам вмісту. Отже, корисність певних тегів може бути обмежена.


2
Google, однак, використовує метаінформацію для відображення сторінки в її списках, тому це не зовсім марно.
Matthew Scharley

1

Я б подбав, щоб на ваших веб-сторінках були заголовок, опис, ключове слово та тег після повторного відвідування. Хоча Google не настільки зважує тег ключових слів, він все одно може використовуватися меншими пошуковими системами.

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.