Для домашней страницы логотип является очень важным заголовком.

<h1><img src="/logo" alt="ACME inc."></h1>

… и это изображение, которое является частью содержания, а не декоративным элементом или частью фона.

Для других страниц это не так.

<div><a href="/"><img src="/logo" alt="ACME inc."></a></div>
<h1>Products</h1>

Ваш логотип отражает идентичность вашего бренда. Это ОДНА вещь, которую вы хотите, чтобы ваши посетители запомнили (если им нравится ваш сайт).

Я лично рекомендую всегда использовать технику замены изображения CSS для вашего логотипа в < h1> , потому что вы хотите, чтобы поисковые системы распознали это как ваш хлеб с маслом. Вы хотите быть уверены, что занимает первое место по названию вашей компании. Это поможет вам добраться туда.

h1#logo { height: LOGOHEIGHTpx; width: LOGOWIDTHpx; text-indent: -999em; overflow: hidden; background: transparent url('/path/to/logo.gif') 0 0 no-repeat; }

В: -Насколько важен логотип веб-сайта на странице? A: -Очень важно! :)

Я предпочитаю помещать логотип в H1 и скрывать название веб-сайта. Логотип - большая часть идентичности веб-сайта, но также часто это «домашняя» ссылка ... так что это достаточно важно!

edit: CODE SNIPPET TIME !!

<h1><a href="/" id="logoLink">my company</a></h1>

с фоновым изображением на ссылке (и отображается блок с заданной шириной и высотой и т. д.)

Если говорить как старый парень из поисковой системы, то сам логотип не совсем то, о чем страница. Обычно я помещаю его (img или текст) в стилизованный div. Название конкретной цели страницы обычно является тем, что вы хотите заключить в H1. Обычно это то же самое, что и TITLE, хотя я обычно добавляю "| SiteName.com" к заголовку, чтобы имя сайта четко отображалось в списке результатов.

Я всегда делаю это:

HTML:

<h1 id="logo"><a href="#">Company Name (with tagline, if any)</a></h1>

CSS:

#logo a {
  float:left;
  width: ...px;
  height: ...px;
  text-indent:-1000em;
  background: url(/path/to/image) no-repeat;
}

Вы можете заменить H1 на H2, H3 и т. Д. На внутренних страницах, но я предпочитаю оставить заголовок (и другие разделы) максимально согласован.

Я использую и изображение логотипа, и текст для улучшения SEO на моем сайте

<h1 id="pageheading"><a href="http://mysite.com" title="site description">
<span>Site name</span><img src="mylogo.gif" alt="my brand" />
</a></h1>

, затем я использовал css для форматирования отображения, так что посетитель может видеть только мой логотип, но SE может видеть оба, что делает двойной результат поиска для 2 типов поиска текст и изображение . Изображение, которое используется для поиска, является брендом вашего сайта, когда посетитель видит ваш логотип, он думает о вашем сайте, ваших продуктах, услугах, таких как HP, IBM, DELL и т. Д. В противном случае вы можете сделать тег абзаца для получения дополнительной информации описание вашего сайта, чтобы сфокусировать некоторые ключевые слова на вашем сайте. У меня не очень хорошие языковые навыки, но я все же хочу поделиться с вами некоторыми знаниями, не смейтесь, когда я ошибаюсь в грамматике, пожалуйста :)

10 лет назад, когда я впервые посетил новую поисковую систему, я увидел только текстовое поле и логотип наверху с надписью «google». Веб-страница была обычной и не имела большого количества элементов html. Фактически только текстовое поле и логотип, но я всегда запомнил страницу из-за логотипа и отличных результатов поиска. Логотип важен, мужчина, очень важен

Раньше я делал то же самое с заменой изображений, но наконец понял, что это пустая трата времени. Пока присутствует значимый атрибут alt , у вас должно быть только изображение.

Что касается соответствующей разметки: на домашней странице у меня есть логотип как h1 , поскольку он заголовок страницы. На других страницах он находится на p , а фактическое название страницы - h1 .

Например, домашняя страница:

<div id="header">
  <h1><img src="logo.jpg" alt="HyperGlobalMegaCorp"></h1>
</div>
<div id="content">
  <h2>Welcome to the HyperGlobalMegaCorp website</h2>
</div>

, а страница контактов:

<div id="header">
  <p><img src="logo.jpg" alt="HyperGlobalMegaCorp"></p>
</div>
<div id="content">
  <h1>Contact HyperGlobalMegaCorp</h1>
</div>

... и это HTML, а не XHTML, прежде чем какой-нибудь фанатик начнет говорить о закрытии элементов img ; -)

Спасибо за ваш вклад, он мне очень помог. Это мой вывод из всех ваших ответов и моих мыслей:

То, как вы реализуете свой логотип технически, зависит от вашего стиля программирования и личной философии. Некоторые используют IMG внутри тегов H, некоторые скрывают содержание использованных тегов и помещают логотип в качестве фонового изображения.

Но я думаю, что у меня есть ответы:

Считайте веб-сайт книгой или журнал. На передней обложке вы хотите, чтобы название книги было самым важным элементом и, возможно, несколько заголовков. Но внутри СМИ вы собираетесь внедрить название своей книги / журнала в верхний и, возможно, нижний колонтитулы.

Чтобы сделать это понятным для текстового навигатора или поисковой системы. Теперь я бы выбрал тег h1, чтобы разместить свой логотип на главной / домашней странице.

Взгляните на верхнюю часть этой страницы. Вы не сможете пройти большую часть этого сайта, не увидев в углу логотипа «переполнение стека».

Я бы сказал, что по крайней мере 90% (возможно, больше!) Веб-сайтов, которые я посещаю регулярно, имеют повторяющийся логотип. Маркетинг - это больная и извращенная вещь, но если так много веб-сайтов делают это, вероятно, это не так уж и плохо.

С визуальной точки зрения логотип имеет решающее значение - это часть идентичности страницы, и пользователи будут связывать его с контентом. Это почти незаметная вещь, но я знаю, что, если бы я не увидел логотип в верхней части страницы с контентом, для меня это было бы почти попахивающим непрофессиональным дизайном! Это тонкая вещь. Убедитесь, что пользователи знают, где они находятся и на что смотрят; формируют психологическую ассоциацию.

Да, результаты поисковой системы важны, но это не значит, что логотип является одноразовым.

Я считаю хорошей практикой, чтобы ваши теги

соответствовали (или содержали) текст, аналогичный