Насколько важен логотип сайта на странице?

Я остановился, чтобы вставить теги "img" для логотипа страницы. Поскольку это не изображение, которое является частью контента, его элемент дизайна, но его еще информация, которую я хочу контролировать. Поэтому я просто пишу название в элементе "a" как отображение: block, overflow: hidden и я выталкиваю текст с помощью некоторого дополнения. Я думаю, что это хорошее решение для SEO, потому что вы контролируете, насколько важно логотип должен быть на странице.

Но теперь начинается моя дилемма. Насколько важен логотип страницы?

"Разделяемый список" помещает логотип в элемент h1. Но действительно ли логотип действительно важен? На страницах статей у вас есть два элемента H1 (логотип и название статьи). Большинство сайтов используют img balbal/a, но мне не нравится это решение. Потому что я просто хочу использовать img для изображений, которые являются частью содержимого...

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

ОТВЕТЫ

Ответ 1

Подумайте об этом так: "Как браузер с переходом на текст переводит страницу, если инвалид посещает сайт?".

Вы хотите, чтобы текст в речь указывал логотип как изображение? Если да: логотип должен быть img с заголовком, содержащим текстовое описание. Если нет: используйте любую альтернативу для отсутствия изображения в качестве содержимого.

Вы хотите подчеркнуть важность названия страницы, времени статьи и логотипа?

Думаю, я бы

  • используйте логотип img для логотипа (чтобы он также был напечатан, что не всегда имеет место, если вы используете фоновое изображение)
  • предоставить хороший заголовок (с атрибутом < alt "), который описывает логотип и компанию
  • заголовок страницы будет <<22 >
  • имеет основное название h1.

Я чувствую, что он также должен давать приличные результаты SEO.

Ответ 2

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

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

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

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

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

Ответ 3

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

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

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

Ответ 4

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

edit: CODE SNIPPET TIME!!

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

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

Ответ 5

Q: -Как важно websitelogo на странице? A: -Очень важно!:)

Ответ 6

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

Ответ 7

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

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 и т.д. на внутренних страницах, но я предпочитаю поддерживать как можно больше заголовок (и другие разделы).

Ответ 8

Я считаю хорошей практикой, чтобы тэги <h1> соответствовали (или содержали) похожий текст на <title> на странице. По этой причине, я думаю, что следующий шаблон хорош:

<title>Your Site Name Here</title>

...

<h1 id="logo">Your Site Name Here</h1>

И на других страницах:

<title> Article Title Here  | Your Site Name Here</title>

...

<div id="logo"><a href="/">Your Site Name Here</a></div>

...

<h1>Article Title Here</h1>

Наличие вложенного тега <a> в div#logo позволяет вам иметь другую область кликов, чем логотип. Например, если у вас есть широкая тень или другой элемент, который не имеет смысла для интерактивного использования, a может быть меньше, чем div#logo, и помогите с этим.

Ответ 9

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

Ответ 10

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

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

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

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

Ответ 11

Я делал то же самое с заменой образа, но, наконец, понял, что это пустая трата времени. Пока присутствует значимый атрибут 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; -)

Ответ 12

Я использую оба логотипа и текст для улучшения 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 может видеть оба, которые делают двойной результат поиска для двух типов поиска text и image. Образ, который используется в поиске, является маркой вашего сайта, когда посетитель видит ваш логотип, они думали о вашем сайте, ваших продуктах, таких услугах, как HP, IBM, DELL и т.д.... В другом случае вы можете сделать тег абзаца для более описание вашего сайта, чтобы сосредоточить некоторые ключевые слова на вашем сайте. Мой языковой навык не хорош, но я все еще хочу поделиться с вами некоторыми знаниями, не смей меня, когда я ошибся в грамматике, пожалуйста:)

Ответ 13

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

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

Но я думаю, что получил свои ответы:

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

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

Поделитесь своими мыслями о моем заключении.