Веб-советы Дэна: заголовки, теги META, теги ссылок и роботы поисковых систем

Определите ваши страницы!
Пример, показывающий синтаксис:
Элемент заголовка
Мета-теги
Неправильный путь:
Правильный путь:
Не жди ... Сделай это сейчас!
Другие теги META и LINK
Больше примечаний поисковой системы
Spamdexing
связи

[<== Предыдущая] | [Вверх] | [Next ==>]

Определите ваши страницы!

СОВЕТ. Предоставьте пользователям вашего сайта и роботам поисковых систем, индексирующим его, четкое представление о том, что представляет собой ваш сайт и каждая отдельная страница на нем, правильно используя элемент TITLE и другие метаданные.

Несколько полезных фрагментов метаданных (данных, которые описывают ваши другие данные) могут быть размещены в разделе HEAD ваших документов HTML. Элемент TITLE дает странице имя. Теги LINK позволяют вам выразить некоторые взаимосвязи между вашими документами. Мета-теги выражают некоторую другую информацию о ваших страницах. Вот как их использовать!

Пример, показывающий синтаксис:

<HEAD>
<TITLE> MegaCorp, Inc. </ TITLE>
<META NAME = "description" CONTENT = "Крупная корпорация, которая пытается полностью доминировать на всех мыслимых рынках, включая Интернет.">
<META NAME = "ключевые слова" CONTENT = "корпорация, бизнес, большой, влиятельный, доминирующий, доминирование, Интернет">
<LINK REL = "StyleSheet" href = "css / style.css" type = "text / css">
<LINK REV = "Сделано" HREF = "mailto: [email protected]">
</ HEAD>

Элемент заголовка

Строка TITLE в заголовке вашей страницы очень важна, и не только потому, что это требуется спецификацией HTML (страница не будет проверяться, если она отсутствует). Он идентифицирует вашу страницу в верхней части окна браузера пользователя, в истории сеансов браузера, в списках закладок пользователей и в поисковых системах, которые автоматически индексируют ваш сайт. Каждой странице вашего сайта нужен заголовок, и он должен идентифицировать как ваш сайт в целом, так и конкретную страницу внутри него, даже если он читается вне контекста. Таким образом, на странице с июньским бюллетенем для дистрибьюторов MegaCorp может быть <TITLE> MegaCorp Distributor Newsletter: June, 1997 </ TITLE>. Если вы просто скажете «Июньский новостной бюллетень», кто-то, просматривающий список закладок или результаты поисковой системы, не будет знать, что это за новостной бюллетень (или какой год!), А если вы просто используете заголовок «MegaCorp, Inc.» на всех ваших страницах пользователи не могут отличить их в своем списке истории!

Очевидно, некоторые поисковые системы очень сильно нагружают TITLE, поэтому включение в него как можно большего количества «хороших ключевых слов» может помочь вашему ранжированию в поисковых системах. Но не переусердствуйте с этим; НАЗВАНИЕ также должно выглядеть прилично в списках закладок и в строке заголовка браузера, так что не впадайте в какой-то ужасный беспорядок, который переполняет каждое ключевое слово, о котором вы только можете подумать; это неэстетично и может фактически рассматриваться как "Spamdexing" и быть оштрафованным поисковыми системами. Но если вы можете придумать достаточно лаконичный, логичный заголовок, который содержит несколько хороших, подходящих слов, это хорошо.

(И, пожалуйста, не поддавайтесь желанию начать свой заголовок с «Добро пожаловать в…»! Это настолько распространено в Интернете, что это почти клише, и оно не добавляет ничего полезного в целях создания закладок и индексации сайтов.)

ВНИМАНИЕ: Следите за глупыми значениями по умолчанию элемента TITLE, вставляемого различными инструментами авторинга. Убедитесь, что вы не публикуете страницы с такими заголовками, как «Документ без названия», «Страница по умолчанию», «Домашняя страница» ( чья домашняя страница?), Необработанное имя файла, название инструмента разработки или формат данных, который он использует ( например, «Shockwave») и т. д. При необходимости используйте простой текстовый редактор, чтобы поместить разумные заголовки вместо глупых, которые ваши инструменты разработки накладывают на ваш сайт.

Последнее замечание о заголовках: я столкнулся со всевозможными глупыми и небрежными заголовками, нанесенными на страницы из-за невежества или лени. Однако я никогда не ожидал, что какой-либо сайт намеренно изменит свои заголовки со значимых, которые различаются на каждой странице, на глупые, бездумно повторяющиеся, которые одинаковы во всем разделе сайта. Но потом, когда мне довелось просмотреть источник страницы внутри ETrade На сайте я нашел этот удивительный фрагмент кода, дополненный откровенным комментарием:

<title> E * TRADE Financial - Счета </ title>
<! -
Изменено 12/07/01 для Серены, etrade больше не хочет
заголовки страниц
->
<! -
<TITLE> E * TRADE - Налоговые отчеты </ TITLE>
->

Так что, по-видимому, их сайт был полон «заголовков для конкретных страниц», пока кто-то по имени Серена не стал настаивать на том, чтобы их заглушили. Поздравляю, Серена, кто бы ты ни был; Настоящим вы попадаете в Зал стыда Дэна!

Мета-теги

META-теги позволяют вам предоставить дополнительную информацию о вашей странице для использования поисковыми системами и индексирования «роботов». Поле описания должно содержать краткое описание страницы, а поле ключевых слов может содержать список слов, разделенных запятыми, которые будут использоваться при индексации. К сожалению, из-за обширных злоупотреблений со стороны spamdexers В настоящее время поисковые системы редко используют эти теги, и это позор, потому что они могут быть очень полезны, если используются честно и логически. Тем не менее, их использование не вредно, и некоторые из индексаторов все еще используют их. Тем не мение, Google в настоящее время является ведущей поисковой системой, и она мало использует элементы META (хотя элемент описания иногда отображается в результатах поиска), поэтому многие люди в наши дни говорят, что использовать их вообще - пустая трата времени. С другой стороны, как Лилиан Хеллман как-то сказала: «Я не могу и не сломаю свою совесть, чтобы соответствовать моде этого года». Я всегда принимаю и буду принимать решения о том, что делать на своих сайтах, в соответствии с моим собственным чувством логической структуры, а не потворствую тому, что поддерживается или поощряется модным браузером или поисковой системой на данный момент. Изредка реальный мир догоняет меня!

Как и в случае с TITLE, выберите мета-теги для каждой страницы, которые описывают ее содержание. Не используйте одни и те же теги на всех страницах; это даст результаты поисковой системы, которые состоят из целого ряда идентичных записей, таких как:

MegaCorp, Inc. Крупная корпорация, которая пытается полностью доминировать на всех мыслимых рынках, включая Интернет.

где они на самом деле переходят на разные страницы с определенными функциями, такими как перечисление имен совета директоров, список дочерних компаний и описания каждой новой отрасли, которую MegaCorp собирается занять и доминировать. Используйте конкретные заголовки и описания на каждой странице, чтобы дать им больше описательных записей. Вероятно, лучше всего использовать список самых длинных ключевых слов на главной домашней странице, потому что именно эту страницу вы хотите получить наилучшей индексацией в поисковых системах, чтобы пользователи в основном заходили туда (если они не ищут что-то очень узкое, найденное на другой странице). страница). Не повторяйте одни и те же ключевые слова на каждой странице, иначе пользователи получат множество страниц на вашем сайте, которые даже не имеют отношения к конкретной теме, которую они ищут, просто потому, что вы бездумно скопировали ключевое слово, которое на самом деле просто принадлежало свой раздел и на главной домашней странице.

СОВЕТ: Тщательно выбирайте заголовки и описания для каждой страницы вашего сайта ... не просто бездумно копируйте что-либо повторно!

Когда вы размещаете отдельные описания META на каждой странице, не просто копируйте TITLE каждой страницы в строку META DESCRIPTION! Я видел, как люди это делают, и это должно быть глупее всего делать с полем описания ... даже глупее, чем копировать одно и то же описание на всех страницах вашего сайта. Когда пользователь увидит описание на странице результатов поисковой системы, оно будет показано под заголовком, поэтому повторять его нет смысла. Придумайте другое описание, желательно в полных (но лаконичных) предложениях с правильным написанием, грамматикой, пунктуацией и заглавными буквами, чтобы дополнить ваш заголовок, а не повторять его. Держите это кратко, хотя, так как многие поисковые системы урежут это, если это долго.

Неправильный путь:

<TITLE> Новые выпуски MegaCorp </ TITLE>
<META NAME = "description" CONTENT = "Новые выпуски MegaCorp">

Посмотрите, как глупо это выглядит в поисковой системе:

MegaCorp Новые релизы продукта MegaCorp Новые релизы продукта

Правильный путь:

<TITLE> Новые выпуски MegaCorp </ TITLE>
<META NAME = "description" CONTENT = "Описания горячих новых продуктов, недавно выпущенных MegaCorp, таких как веб-браузер MegaNet Astrogator.">

Это выходит намного лучше:

MegaCorp Новые релизы продукта Описания новейших продуктов, выпущенных MegaCorp, таких как веб-браузер MegaNet Astrogator.

Не жди ... Сделай это сейчас!

СОВЕТ: сначала ставьте названия и описания, когда начинаете работу на сайте ... не оставляйте их пустыми до тех пор, пока они не появятся! Вы никогда не знаете, когда вы попадете в указатель!

Еще одно замечание о тегах TITLE и META: они должны быть первыми элементами, которые вы помещаете на свою веб-страницу, даже если вы еще не разработали остальную часть контента! Когда вы размещаете что-либо на своем веб-сервере, даже если оно просто говорит «В разработке» в качестве заполнителя для сайта, который вы планируете в конечном итоге разместить там, не размещайте его с отсутствующими, пустыми или неправильными заголовками. и описания. Некоторая поисковая система может прийти и проиндексировать сайт, и вы окажетесь в списке в поисковой системе с заголовком «Добавить заголовок здесь позже» и описанием, которое будет пустой строкой, потому что вы вставляете это как заполнитель, намереваясь замените это чем-то более значимым позже. И как только поисковая система индексирует сайт, он может не возвращаться и повторно сканировать его в течение многих месяцев. Не думайте, что поисковые системы не найдут ваш сайт, даже если вы сами его не отправили; Если кто-нибудь и где-нибудь вставит ссылку на ваш сайт, то роботы, просматривающие веб-сайты в различных поисковых системах, могут следить за ней и переходить на вашу страницу. И если у вас есть свой доменное имя роботы могут запрашивать реестры и регистраторы через базу данных «WhoIs» в поисках сайтов для индексации. Так что потратьте время в начале вашего проекта разработки, чтобы добавить заголовок и описание, которые отражают, о чем будет сайт (и если вы не знаете, о чем будет сайт, зачем вы его разрабатываете) на первом месте?). Вы можете уточнить и отредактировать его позже по мере развития, но сразу же добавьте туда что-то значимое

Если вы действительно не можете найти контент для поля META Description, просто пропустите мета-строки, а не ставьте пустой мета-тег метки-заполнителя, как это делают некоторые разработчики; пустое описание хуже, чем вообще ничего, поскольку оно поощряет описание поисковой системы вашего сайта как пустую строку, а пропущенный тег META позволяет поисковой системе генерировать собственное описание из текстового содержимого страницы.

Если у вас есть доступ к корневому каталогу доменного имени, в котором находится ваш сайт, вы можете запретить роботам индексировать сайт в разработке, используя файл robots.txt. Если вы сделаете это, вам не нужно беспокоиться о содержимом тегов TITLE и META, пока сайт не станет «живым». (Увидеть этот документ по стандарту исключения роботов или же этот урок для получения информации о синтаксисе этого файла.) Не забудьте удалить запись robots.txt для сайта, как только вы закончили с ним и хотите, чтобы поисковые системы проиндексировали его!

Другие теги META и LINK

Заголовок, описание и ключевые слова - не единственные вещи, которые вы можете поместить в заголовки страниц. Есть еще несколько вещей, которые вы можете сделать в тегах META и LINK между тегами <HEAD> и </ HEAD> ваших страниц. Вот еще несколько:

<META name = "robots" content = "noindex, nofollow">
Еще один способ запретить роботам индексировать объекты на вашем сайте, хотя я не думаю, что он поддерживается так широко, как стандарт robots.txt . Если в содержании присутствует «noindex», это говорит роботам не индексировать текущую страницу; если "nofollow" есть, он говорит им не переходить по ссылкам с него. «noindex, follow» говорит им не индексировать текущую страницу, а переходить по ссылкам с нее; это полезное значение на страницах, помечающих устаревшие части вашего сайта и связывающих людей с соответствующими частями, которые все еще поддерживаются. (Его атрибут "двоюродный брат", атрибут rel = "nofollow" для тега A, используется чаще, чтобы запретить поисковым системам переходить по определенным ссылкам, и, в частности, чтобы такие ссылки не давали улучшенный рейтинг страниц своим адресатам и таким образом якобы препятствует рассылке ссылок. Некоторые люди думают это отстой .)

<META name = "resource-type" content = "document">
Хммм, я думаю, это говорит о том, что эта страница является документом ... а не чем ? На самом деле, я не совсем уверен, что это значит ... хостинг-провайдер, которого я использовал давным-давно, предложил включить эту строку в пользу своей внутренней поисковой системы, и с тех пор я перенес ее на свои страницы, но это наверное бесполезно. (Я с выяснил что этот тег был создан в site-index.pl , индексирующем скрипте, который был популярен в 1994-95 годах, который также создал ключевые слова и мета-теги description . Эти двое завоевали популярность, но один тип ресурсов не сделал. Помимо «документа», другим возможным значением было «обслуживание» для обозначения нестатических страниц, таких как поисковые системы и гостевые книги.)

<META name = "distribution" content = "global">
Еще одна строчка, которая была у меня на страницах со времени их первого хостинг-провайдера ... предлагает, чтобы ваши страницы индексировались глобально, а не только в локальной поисковой системе. Вероятно, игнорируется, хотя. (Это также взято из site-index.pl , и его можно установить как «локальный» или «глобальный»; третье лицо использует третье значение «Внутреннее использование» для обозначения страниц, которые вообще не следует индексировать, но никогда не был реализован ни в одном известном индексаторе; для этого лучше использовать META-тег роботов .)

<META name = "geo.position" content = "26.367559; -80.12172">
<META name = "geo.region" content = "US-FL">
<META name = "geo.placename" content = "Бока-Ратон, Флорида">
Теги, используемые Геотэги сайт для индексирования страниц географически. ( geo.position также работает в A2B ). Тег позиции содержит десятичную широту и долготу вашего местоположения. Eсть предлагаемый интернет-стандарт для таких географических мета-тегов.

<META name = "ICBM" content = "26.367559, -80.12172">
<META name = "DC.title" content = "НАИМЕНОВАНИЕ ВАШЕГО САЙТА">
Теги, используемые GeoURL сайт, который похож на вышеупомянутый сайт GeoTags. Однако вышеприведенные мета-теги GeoTags также будут работать. (И гео-положение, и МБР работают в A2B .) Тег DC.title взят из Dublin Core, набора стандартизированных тегов META.

<LINK REL = "StyleSheet" href = "css / style.css" type = "text / css">
Теги LINK используются для обозначения связанных ресурсов на странице; в этом случае вы сообщаете браузеру, где найти таблицу стилей. Атрибут href работает так же, как в теге A , и может иметь любой абсолютный или относительный URL. Убедитесь, что ваш сервер настроен для отправки таблицы стилей с MIME-типом text / css ; в то время как MSIE печально известен второстепенными типами MIME, другие браузеры могут быть более придирчивыми.

<LINK rev = "Made" href = "mailto: [email protected]">
<LINK rel = "Up" href = "./">
<LINK rel = "Top" href = "./">
<LINK rel = "Next" href = "logic.html">
<LINK rel = "Prev" href = "subdir.html">
<LINK rel = "First" href = "intro.html">
<LINK rel = "Last" href = "misc.html">
В течение многих лет они предлагались в спецификациях HTML как способ предложить связанные страницы и предоставить контактный адрес электронной почты для связи с веб-мастером, но фактическую поддержку браузера было трудно найти - текстовый браузер Lynx поддерживал их, и несколько других малоизвестных браузеров, но ни один из распространенных, пока не появится версия Mozilla добавлена поддержка тегов LINK, создание для них навигационной панели, если вы включите эту функцию. Однако более поздний и более популярный Firefox решил не переносить эту функцию; вам нужно скачать дополнение, чтобы получить его.

Ссылки с атрибутом rel предлагают исходящее отношение с текущей страницы к связанной, в то время как ссылки с атрибутом rev предлагают входящее отношение между связанным ресурсом и текущей страницей, но эта концепция может быть очень запутанной для понимания - для Например, ссылка «Предыдущая» - это rel, а не rev, хотя ее эффект - «вернуться», так как это все еще «прямая ссылка» на «предыдущую» страницу - ссылка с rev = «Prev» будет говорить что эта страница является предыдущей страницей связанной страницы и, следовательно, будет эквивалентна rel = "Next" . Очистить? Как правило, используются только ссылки rel , за исключением традиционной ссылки rev = "Made" на адрес электронной почты веб-мастера.

<LINK rel = "ярлык" href = "favicon.ico" type = "image / x-icon">
Сообщает браузеру, где найти значок для использования в сочетании со страницей в списках закладок, панели URL и т. Д. В то время как MSIE автоматически ищет «favicon.ico» в корневом каталоге вашего сайта (что некоторые веб-мастера считают раздражающим, если они у вас нет желания использовать значок, и ему не нравится получать много ошибок «404 Not Found» в своем журнале), некоторые другие браузеры, такие как Mozilla, более внимательны и ищут значок только в том случае, если он явно связан. Ссылка не обязательно должна быть на файл с именем "favicon.ico"; Вы можете называть это как угодно и помещать это куда угодно. Mozilla даже поддерживает значки разных типов (например, графика JPEG), хотя MSIE поддерживает только формат значков Windows. Mozilla позволяет атрибуту rel быть «значком» (или любой фразе, содержащей «значок» как слово), в то время как MSIE ищет только «ярлык». Технически, атрибут ссылки с несколькими словами говорит о том, что ссылка имеет несколько типов, причем каждое слово является идентификатором другого типа, но я думаю, что программисты Microsoft были достаточно невежественны, чтобы думать, что пробелы могут использоваться в именах типов, и что «ярлык» - это то, что, по их мнению, это тип.

В дополнение к атрибутам rel и rev тег LINK может иметь атрибут title, чтобы дать описание ссылки, и атрибут hreflang, чтобы указать со стандартными двухбуквенными языковыми кодами, на каком языке находится страница назначения ("en "для английского и" es "для испанского, например).

<META http-equ = "Content-Type" content = "text / html; charset = iso-8859-1">
Это широко используется (в основном потому, что он застрял против воли автора WYSIWYG редакторы ) Метатег для установки кодировки символов; Я обсуждаю это на странице "WYSIWYG", указанной выше, а также на моей странице в персонажи и предпочитаю не использовать этот тег самостоятельно, так как эту информацию лучше делать с помощью реальных заголовков сервера. Однако в наши дни даже «боги стандартов» в W3C рекомендуется использовать его, чтобы при обращении к вашим страницам без заголовков сервера (например, при сохранении на жесткий диск) они по-прежнему имели представление о том, какая кодировка символов используется. В целом, атрибуты http-эквивалент используются для предоставления эквивалента предоставляемых сервером заголовков HTTP в форме тегов HTML. Другой часто используемый тег - это «META Refresh», который я обсуждаю в другом месте ,

Больше примечаний поисковой системы

Не все поисковые системы используют мета-теги (и на самом деле весовые поисковые системы дают этим тегам с годами снижение из-за чрезмерного неправильного использования тегов в попытках искусственно улучшить позицию сайта), поэтому по-прежнему важно иметь некоторый текст содержание на вашей странице, соответствующее теме вашего сайта, так что вы будете проиндексированы с соответствующими ключевыми словами. Это может быть реальной проблемой для сайтов с высокой степенью графичности, которые имеют мало текста. Использование ALT текст помогает в этом отношении.

Если вы настаиваете на использовании кадры (blecch!), убедитесь, что есть раздел <NOFRAMES> с контентом для браузеров без использования фреймов; это не только не дает сайту выглядеть абсолютно пустым для браузеров, которые не поддерживают фреймы, но также индексирует их в поисковых системах, большинство из которых также игнорирует фреймы. Обязательно поместите теги TITLE и META в основной индексный файл вместе с определением набора фреймов. (Вы будете удивлены, сколько людей поместят этот материал во все свои отдельные файлы фреймов, но не включайте его в основной индекс, хотя это может быть единственный файл, который когда-либо сканируется поисковыми системами, которые не распознают фреймы!) И не делайте контент NOFRAMES полностью состоящим из предложения типа «Ваш браузер не поддерживает фреймы! Получите лучший браузер, неудачник!» Это не только грубо, но и может появиться в поисковой системе, как описание вашего сайта! И затем есть сайты, которые содержат полностью пустой элемент NOFRAMES, за исключением пустого элемента BODY внутри него; они неизменно (по крайней мере, насколько я видел) устанавливают цвет фона с помощью атрибута в теге BODY, показывая особую озабоченность дизайнера сайта тем, какой именно цвет должна отображаться на пустой странице браузеры с поддержкой или, что более вероятно, показывают, что какая-то программа для экскрементов HTML была извращенно разработана для включения этого небольшого кусочка.