html прописать Как правильно скрыть тег<h1> и не быть забаненным в Google?




как правильно прописать мета-теги (8)

установите изображение в качестве фона вашего h1 (установите ширину / высоту так, чтобы оно подходило), затем установите текстовый отступ на что-то сумасшедшее, например -9999px. Таким образом, когда css отключен (например, при сканировании), бот увидит текст в заголовке вместо фона.

пример:

CSS

#myHeader {
width:200px;
height:50px;
background: url('lcoation/of/the/image.jpg') top left no-repeat;
text-indent:-9999px;
}

HTML

<body>
...
<h1 id='myHeader'>HELLO WORLD</h1>
...
</body>

Сайт, над которым я работаю, использует изображение, определенное в CSS, в качестве основного логотипа. HTML-код выглядит так:

<h1>Something.com | The best something ever</h1>

Я хотел бы отобразить только изображение, определенное в CSS, и передать информацию из тега h1 только поисковым системам.

Какой правильный способ сделать это? Google очень строги в этом, я знаю, что дисплей: нет ничего плохого, а как насчет видимости: скрыто?

Заранее спасибо!


Answer #1

Вы должны быть в порядке с visibility: hidden .

Тем не менее, если ваше изображение является частью контента (и я бы осмелился сказать, что логотип компании - это контент, а не презентация), и вы заботитесь о доступном html, вам следует подумать об изменении кода, чтобы включить изображение в качестве элемента img с title и alt текстом вместо css background-image .

Кроме того, если вы надеетесь привлечь поисковые системы к ключевым словам внутри элемента <h1> , возможно, вы захотите включить эти слова более одного раза на страницу. Например, заголовок страницы гораздо более релевантен, чем элемент h1 .


Answer #2

Самым простым, надежным и лучшим для SEO решением будет

<h1><img src=logo.png alt="Something.com | The best something ever"></h1>

Answer #3

Ваш веб-сайт состоит только из одной страницы?

В противном случае вы должны поместить заголовок каждой страницы в тег h1 , а не в заголовок сайта. Повторение одного и того же заголовка на каждой странице сделает его практически бесполезным.


Answer #4
<h1 style="font-size: 0px; margin: 0px;">Something goes here</h1>

Работает как шарм .... ;-)


Answer #5

Вы не получите хороших результатов SEO, если сначала спрячете h1, а затем воспользуетесь общими фразами внутри h1.

Не просто используйте h1 для определения размера, вы можете использовать классы для стиля.

Теги H1 должны содержать информацию с ключевыми словами, например:

Ремонт автомобилей

Ремонт автомобилей - это ключевое слово, которое относится к конкретной странице, над которой я теоретически работаю.

Надеюсь, что это имеет смысл.


Answer #6

Полная статья в этом вопросе объясняется здесь https://www.paciellogroup.com/blog/2012/05/html5-accessibility-chops-hidden-and-aria-hidden/ Итак, когда я работаю, я использую этот код для поддержки программа для чтения с экрана, а также скрыть некоторые h1 и использовать картинки вместо этого, как (логотип)

.offscreen{
  position: absolute;
  clip: rect(1px 1px 1px 1px); /* for Internet Explorer */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

чтобы найти больше перейдите по ссылке


Answer #7

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





seo