Базовые HTML Meta теги | MakeDev
Базовые HTML Meta теги
Здесь представлена наиболее полная информация о meta — тегах, которые можно использовать на своих сайтах.
Базовые теги
<meta charset="UTF-8"> <meta name="keywords" content="Ваши, теги"> <meta name="description" content="150 символов"> <meta name="subject" content="Описание Вашего сайта / страницы"> <meta name="copyright" content="Имя компании"> <meta name="language" content="ru"> <meta name="robots" content="index,follow"> <meta name="revised" content="Воскресенье, 18-е Июля, 2015, 17:15"> <meta name="abstract" content=""> <meta name="topic" content=""> <meta name="summary" content=""> <meta name="Classification" content="Business"> <meta name="author" content="Имя, [email protected]"> <meta name="designer" content=""> <meta name="reply-to" content="[email protected]"> <meta name="owner" content=""> <meta name="url" content="https://www.yourdomain.com"> <meta name="identifier-URL" content="https://www.yourdomain.com"> <meta name="directory" content="submission"> <meta name="pagename" content="Название страницы"> <meta name="category" content=""> <meta name="coverage" content="Worldwide"> <meta name="distribution" content="Global"> <meta name="rating" content="General"> <meta name="revisit-after" content="7 days"> <meta name="subtitle" content="Подзаголовок"> <meta name="target" content="all"> <meta name="HandheldFriendly" content="True"> <meta name="MobileOptimized" content="320"> <meta name="date" content="Sep. 27, 2015"> <meta name="search_date" content="2015-09-27"> <meta name="DC.title" content="Unstoppable Robot Ninja"> <meta name="ResourceLoaderDynamicStyles" content=""> <meta name="medium" content="blog"> <meta name="syndication-source" content="https://makedev.org/"> <meta name="original-source" content="https://makedev.
org/"> <meta name="verify-v1" content="verification-code"> <meta name="y_key" content="key"> <meta name="pageKey" content="guest-home"> <meta itemprop="name" content="jQTouch"> <meta http-equiv="Expires" content="0"> <meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Cache-Control" content="no-cache"> <meta http-equiv="imagetoolbar" content="no"> <meta http-equiv="x-dns-prefetch-control" content="off">
Meta — теги для компаний / сервисов
Apple Meta — теги
<meta name="apple-mobile-web-app-title" content="My App"> <!-- New in iOS6 --> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-touch-fullscreen" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name="format-detection" content="telephone=no"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <link href="/apple-touch-icon.png" rel="apple-touch-icon" type="image/png"> <link href="touch-icon-ipad.png" rel="apple-touch-icon"> <link href="touch-icon-iphone4.png" rel="apple-touch-icon"> <link href="/startup.png" rel="apple-touch-startup-image"> <link href="https://github.com/images/touch-icon-iphone4.png" rel="apple-touch-icon-precomposed"> <link href="https://github.com/images/touch-icon-ipad.png" rel="apple-touch-icon-precomposed"> <link href="https://github.com/images/apple-touch-icon-57x57.png" rel="apple-touch-icon-precomposed">
Internet Explorer Meta — теги
<meta http-equiv="Page-Enter" content="RevealTrans(Duration=2.0,Transition=2)"> <meta http-equiv="Page-Exit" content="RevealTrans(Duration=3.0,Transition=12)"> <meta name="mssmarttagspreventparsing" content="true"> <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible"/> <meta name="msapplication-starturl" content="https://blog.reybango.com/about/"> <meta name="msapplication-window" content="width=800;height=600"> <meta name="msapplication-navbutton-color" content="red"> <meta name="application-name" content="Evhneiy Back-end Developer"> <meta name="msapplication-tooltip" content="Launch Evheniy's Blog"> <meta name="msapplication-task" content="name=About;action-uri=/about/;icon-uri=/images/about.ico"> <meta name="msapplication-task" content="name=The Big List;action-uri=/the-big-list-of-javascript-css-and-html-development-tools-libraries-projects-and-books/;icon-uri=/images/list_links.ico"> <meta name="msapplication-task" content="name=jQuery Posts;action-uri=/category/jquery/;icon-uri=/images/jquery.ico"> <meta name="msapplication-task" content="name=Start Developing;action-uri=/category/javascript/;icon-uri=/images/script.ico"> <meta name="msvalidate.01" content="6E3AD52DC176461A3C81DD6E98003BC9"> <meta http-equiv="cleartype" content="on">
Windows 8 Meta — теги
<meta name="application-name" content="My App" /> <meta name="msapplication-TileColor" content=" #009900" /> <meta name="msapplication-square70x70logo" content="images/smalltile.png" /> <meta name="msapplication-square150x150logo" content="images/mediumtile.png" /> <meta name="msapplication-wide310x150logo" content="images/widetile.png" /> <meta name="msapplication-square310x310logo" content="images/largetile.png" /> <meta name="msapplication-notification" content="frequency=30; polling-uri=notifications/contoso1.xml; polling-uri2=notifications/contoso2.xml; polling-uri3=notifications/contoso3.xml" />
Blog Catalog Meta — теги
<meta name="blogcatalog">
Rails Meta — теги
<meta name="csrf-param" content="authenticity_token"> <meta name="csrf-token" content="/bZVwvomkAnwAI1Qd37lFeewvpOIiackk9121fFwWwc=">
HTML Link — теги
<link rel="alternate" type="application/rss+xml" title="RSS" href="https://feeds.feedburner.com/martini"> <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="https://example.com/feed.atom"> <link rel="shortcut icon" type="image/ico" href="/favicon.ico"> <link rel="fluid-icon" type="image/png" href="/fluid-icon.png"> <link rel="me" type="text/html" href="https://plus.google.com/110258560200597176716"> <link rel="shortlink" href="https://makedev.org/"> <link rel="archives" title="May 2003" href="https://makedev.org/"> <link rel="index" title="DeWitt Clinton" href="https://makedev.org/"> <link rel="start" title="Pattern Recognition 1" href="https://makedev.org/articles/index.html"> <link rel="bookmark"title="Styleguide" href="https://paulrobertlloyd.com/about/styleguide/"> <link rel="search" href="/search.xml" type="application/opensearchdescription+xml" title="Viatropos"> <link rel="self" type="application/atom+xml" href="https://makedev.org/patterns/fundamental/functional.html"> <link rel="first" href="https://makedev.org/patterns/fundamental/delegation.html"> <link rel="next" href="https://makedev.org/patterns/fundamental/immutable.html"> <link rel="previous" href="https://makedev.org/patterns/fundamental/delegation.html"> <link rel="last" href="https://makedev.org/patterns/fundamental/interface.html"> <link rel="canonical" href="https://makedev.org/patterns/fundamental/interface.
html"> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://makedev.org/xmlrpc.php?rsd"> <link rel="pingback" href="https://makedev.org/xmlrpc.php"> <link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="https://makedev.org/css/59973ab.css" type="text/css"> <link rel="wlwmanifest" href="https://makedev.org/wp-includes/wlwmanifest.xml" type="application/wlwmanifest+xml"> <link rel="help" title="FAQ" href="/faq"> <link rel="logo" type="image/svg" href="https://playfoursquare.s3.amazonaws.com/press/logo/foursquare-logo.svg"> <link rel="P3Pv1" href="/w3c/p3p.xml"> <link rel="publisher" href="https://plus.google.com/110258560200597176716"> <link rel="image_src" href="https://makedev.org/docs/img/patterns/fundamental/interface.png" type="image/png"> <link rel="author" href="humans.txt" type="text/plain"> <link href="https://makedev.org/" rel="original-source"> <link rel="profile" title="Microformats" href="https://makedev. ![]()
org/"> <link rel="profile" href="https://makedev.org/">
Теги: Html, Meta, Теги
Похожие статьи
Непрерывная интеграция для PHP, используя TeamCity, Travis CI и Scrutinizer
Статьи о Symfony2
Установка Composer
Стив Макконнелл. Совершенный код — цитаты
- Назад
- Вперед
seo. Нужен ли метатег type=»title» и какой лучший формат для тега title?
спросил
Изменено 10 лет, 11 месяцев назад
Просмотрено 2к раз
Я видел, что некоторые веб-сайты используют следующий тег:
Нужно ли это, когда у вас есть
?
Кроме того, какое форматирование лучше всего подходит для заголовка страницы? Некоторые идеи:
- Описание страницы :: Название компании
- Описание страницы — Название компании
- Описание страницы <> Название компании
- Название компании: Описание страницы
- .
..
Имеет ли это значение для Google/Yahoo/и т.д.? Включаете ли вы название компании или общее описание сайта в заголовок на каждой странице?
- SEO
- мета-теги
- page-title
- мета-заголовок
Тег
имеет небольшой рейтинг или релевантность для сканеров поисковых систем. Старый добрый тег
— безусловно, самый важный элемент хорошей веб-страницы.
Что касается формата названия, думаю, в этой статье в Standards Schmandards есть хороший совет:
Если заголовок содержит название сайт, название сайта должно быть ставится в конце заголовка. Этот гарантирует, что несколько закладок с того же сайта легко просматривать через папку закладок и слушатели вашей страницы получают больше всего сначала важная информация.
Я настоятельно рекомендую вам сделать включать название компании или название сайта в конце каждого заголовка, потому что:
- Согласованность всегда хорошая идея.
- Новые браузеры, такие как Firefox 3, позволяют выполнять поиск в истории и закладках по заголовкам страниц, поэтому пользователи могут легко просмотреть все страницы, которые они посетили на вашем сайте, просто введя название вашей компании или название сайта.
- Люди, использующие программы чтения с экрана, не будут знать, какой веб-сайт они посещают, если он не указан где-то на странице.
Однако я бы не размещал описание сайта нигде, кроме как на главной странице, потому что это сделало бы заголовок излишне длинным и расстроило бы пользователей программ чтения с экрана, поскольку им пришлось бы прилагать дополнительные усилия, чтобы пропускать эту информацию на каждой странице, которую они посещать.
Если вы решите указать название компании в своем названии, имейте в виду следующее (также из Standards Schmandards):
- Символ-разделитель должен быть различать, чтобы пользователи понимали что это разделитель. (т.
е. это не должен появляться как часть текста пункты в названии).
- Основными кандидатами на использование в качестве разделителей являются вертикальная черта (|), точка (·) и тире (-).
- Независимо от того, какого персонажа вы выберете, важно окружить его с пробелом . Это поможет обоим зрячих посетителей и слушателей, как это отличает персонажа от текст заголовка.
На основании всей приведенной здесь информации, по сути, второй пример в вашем вопросе является очевидным выбором:
Описание страницы - Название компании название>
Поисковые системы часто игнорируют метатеги, поскольку в прошлом они использовались для рассылки спама. Лучший тег для заголовка — это именно
.
В качестве лучшего форматирования заголовка нет лучшего рецепта, но вместо этого постарайтесь сделать заголовок как можно более описательным для реального содержания страницы.
Meta Robots: этот тег полностью поддерживается, но вам нужно только
это, если вы НЕ хотите, чтобы ваши страницы индексировались.
Мета-описание: Этот тег пользуется большой поддержкой, и его стоит использовать.
Мета-ключевые слова: этот тег поддерживается только некоторыми основными поисковыми роботами. и, вероятно, не стоит тратить время на реализацию.
Meta Else: любой другой метатег, который вы видите, игнорируется основными поисковыми роботами, хотя они могут использоваться специализированными поисковыми системами.
0— это то, что вы хотите использовать, потому что оно выделяется больше, чем метатеги для большинства поисковых систем.
Я предлагаю ставить ключевые слова на первое место и избегать повторения названия вашей компании, кроме как на главной странице, потому что это только снижает ценность текста заголовка.
Зарегистрируйтесь или войдите в систему
Зарегистрируйтесь с помощью Google Зарегистрироваться через Facebook Зарегистрируйтесь, используя электронную почту и парольОпубликовать как гость
Электронная почтаОбязательно, но не отображается
Опубликовать как гость
Электронная почтаТребуется, но не отображается
Нажимая «Опубликовать свой ответ», вы соглашаетесь с нашими условиями обслуживания и подтверждаете, что прочитали и поняли нашу политику конфиденциальности и кодекс поведения.
html. Делает ли метатег для «og:title» избыточным метатег для «title»?
спросил
Изменено 8 лет, 8 месяцев назад
Просмотрено 13 тысяч раз
На моем сайте есть два метатега, которые в настоящее время имеют одинаковое значение:
Второй формат необходим для подключения facebook
.
Означает ли это, что первый лишний и его можно удалить?
- html
- seo
- метатеги
Лучше иметь оба тега. Тег сообщает поисковым системам о вашей странице для индексации, а также отображается как заголовок в поисковой выдаче. Тег og:title помогает Facebook индексировать контент, чтобы на вашей странице могли отображаться результаты поиска в Facebook, а также для определенного контента, когда этот конкретный URL-адрес на вашем веб-сайте публикуется. Также помогает добавить атрибут og:image, который является изображением предварительного просмотра в стандартных публикациях/рассылках Facebook.
Также нет
Это
......... Нет. Метатег Facebook не является стандартным, и вы не должны ожидать, что кто-то еще, кроме Facebook, будет использовать значение этого тега для чего-либо.
1Первый — это стандартный тег заголовка, который обычно совпадает с заголовком страницы. Он используется (или, по крайней мере, использовался) поисковыми системами. Видеть это.
Мне не удалось найти официальную ссылку, описывающую первый тег:
. На практике это кажется бесполезным, и если оно когда-либо было полезным, я подозреваю, что это был просто ленивый синтаксический анализатор в веб-сканере.