<h1> тег на домашней странице?

Question

На главной странице лучше всего использовать <h1> для заголовка или описания блога?

По умолчанию Thematic (тема, на которой я строю свою дочернюю тему) использует <h1> дляописание блога.

Также я заменил текст заголовка блога на логотип с изображением.Это нормально, или я все еще должен отображать текст и использовать text-indent: -9999px, чтобы скрыть его?

Answer 1

Все зависит от того, насколько связан ваш сайт с описанием вашего сайта. Если это важно, я бы поместил заголовок моего сайта между тегами <h1>, а описание моего сайта - между тегами <h2>. Если не так важно, я бы обернул описание моего сайта между <p> тегами.

Я бы не стал использовать display:none для сокрытия вещей, так как Google или любая другая поисковая система часто путается при этом.

Хотя есть довольно хорошая альтернатива (также используется в теме WordPress TwentyEleven). Хороший учебник об этом указан здесь: http://themeshaper.com/2011/02/17/css-tip-hiding-content-with-clip/

Answer 2

За Google, это не лучшая практика, чтобы скрыть содержание страницы.Текст, описывающий ваше изображение, представляет собой тег alt, и его следует использовать для этой цели, а не скрытый тег h1.Здесь: http://www.youtube.com/watch?v=GIn5qJKU8VM http://www.youtube.com/watch?v=fBLvn_WkDJ4

Answer 3

Что касается SEO, то лучше иметь тэги заголовков вашего сайта. Теги заголовков хороши для целей SEO.

Answer 4

У вас должно быть h1 на вашей странице.Это придает странице смысловой смысл.

Думаю, вам не следует скрывать h1, если вы используете img в качестве заголовка.Это имеет значение для

1. поисковых систем (которые могут подумать, что вы скрываете контент)
2. пользователей с проблемами доступности (средства чтения с экрана)
3. для себя, для манипулирования DOM, еслиВы забыли, что это там.

Answer 5

Тег заголовка, или тег в HTML, обычно будет заголовком сообщения или другого выделенного текста на странице.Обычно это самый большой текст, который выделяется.

Answer 6

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

<img id="mybloglogo" src="myblog.jpg" alt="[My blog about great stuff]">

Однако, нет идеального ответа.См. Замена текста H1 изображением логотипа: лучший метод для SEO и доступности? и Google для этой темы, чтобы понять страсть к различным взглядам на эту проблему.

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

Чтобы отключить CSS в Firefix "View->Page Style->No Style".

Answer 7

Когда я использую изображения для замены H1 / H2 (обычно это H2 для описания и только на домашней странице), я всегда использую текстовый отступ, чтобы скрыть текст.

Вам нужен этот текст, чтобы его можно было проиндексировать поисковыми системами, но вы хотите, чтобы изображение выглядело хорошо. Зачем соглашаться на одно или другое? :)

Я также обычно помещаю текст в интервал, а затем присваиваю указанному интервалу свойство text-indent.

Answer 8

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