Google penalizzerà il mio sito Web se nascondo il tag H1?

Oggi ho letto un articolo in cui l'autore ha dichiarato che se metti le parole chiave sulla tua pagina ma poi le nascondi con i CSS, Google penalizzerà il tuo sito. Questo ha senso.

Questo mi ha fatto pensare però alla mia tecnica quando costruisco un sito web. Se, ad esempio, quando creo un sito Web e il logo contiene il nome del sito Web, tendo a inserire il nome del sito Web in un tag H1 e quindi nascondere questo tag. Non so perché lo faccio, l'ho sempre fatto. Includo anche qualsiasi testo contenuto in un'immagine altnell'attributo del imgtag.

Ma poiché sto nascondendo il tag H1, questo mi lascia aperto a Google penalizzando il sito Web perché ho nascosto questo tag?

Come detto da Su, la sostituzione delle immagini è piuttosto standard. Probabilmente otterrai di più i tuoi H1 se li rendi unici su ogni pagina (ad esempio usando il titolo dell'articolo come H1).

Per quanto riguarda il fatto di essere penalizzato, Google ha come target specifico il testo nascosto come forma di SPAM, tuttavia, hanno sempre detto "costruisci il tuo sito Web come faresti se i motori di ricerca non esistessero e starai bene" teoricamente significa che tu dovrebbe andare bene e dovrebbero essere in grado di distinguere tra testo nascosto manipolativo e testo nascosto che si presenta naturalmente.

Personalmente non mi piace lasciare cose del genere a Google per capire, quindi ti consiglio di spostare il tuo H1 nel contenuto principale del sito, nel titolo dell'articolo, nel titolo del prodotto o in qualunque cosa il tuo contenuto garantisca. In questo modo è unico, che piace a G, è rilevante per il contenuto, che piace a G, ed è in bella vista sia per le persone che per i robot.

ad esempio quando creo un sito Web e il logo contiene il nome del sito Web, tendo a inserire il nome del sito Web in un tag H1 e quindi a nascondere questo tag. Includo anche qualsiasi testo contenuto in un'immagine nell'attributo alt del tag img.

È un po 'vago, ma se con questo vuoi dire che nascondi il H1e poi hai anche un imgtag separato che poi presenta il logo, stai duplicando lo sforzo (e come altri hanno detto, potenzialmente aprendoti a penalità di contenuto nascosto). Perché non cercare invece di utilizzare un metodo di sostituzione delle immagini ? Sei quasi già lì, lo fai solo in più passaggi.

Realisticamente, potresti semplicemente incollare l'immagine direttamente nel H1, ma alcune persone preferiscono avere il testo nella loro fonte; la tua chiamata.

Hai ragione a preoccuparti di essere escluso per il problema del tag H1. Se temi che il tuo sito potrebbe essere attualmente vietato, ti suggerirei di utilizzare gli strumenti per i webmaster di Google per vedere tutti i messaggi che Google ha pubblicato sui tuoi contenuti. Hanno anche diversi strumenti che puoi usare per assicurarti che il tuo sito sia conforme.

Per quanto riguarda il tag 'alt', continua a farlo! Google non solo utilizza il tag alt per comprendere le immagini, ma anche il software per la lettura dello schermo utilizza lo stesso tag alt per aiutare le persone ipovedenti a navigare nel tuo sito.

Gli Strumenti per i Webmaster di Google sono disponibili qui

Sì, è possibile che Google possa penalizzare il tuo sito. Google osserva sempre il alttag per determinare il testo nascosto in un'immagine, quindi non è necessario aggiungere il titolo nel h1tag. Puoi anche specificare le parole chiave nei meta tag e il titolo della pagina.

Stiamo parlando del nome del sito qui. Nella maggior parte dei casi non sarà così lungo e di solito verrà ripetuto più volte su ogni pagina. Quindi questo non dovrebbe essere un problema per nessun motore di ricerca, in quanto è difficile capire come questo possa eventualmente ingannare i loro utenti. Questo non può essere paragonato ai casi in cui qualcuno nasconde varie parole chiave che non sono ripetute o pertinenti al contenuto.

Tuttavia, ciò non significa che dovresti farlo.

Non so perché lo faccio, l'ho sempre fatto.

Ora è il momento di ripensarlo. Perché dovresti fare qualcosa del genere? Il logo è (o rappresenta ) il nome / titolo del sito. Quindi dovrebbe essere dentro h1. A seconda del metodo di occultamento, l'intestazione potrebbe essere nascosta anche per i lettori di schermo (che potrebbe interrompere la navigazione della struttura utilizzata da molti utenti di screen reader).

Se si desidera visualizzare fornire sia il logo che il nome, è possibile inserirli entrambi nello stesso h1oppure utilizzare l' hgroupelemento HTML5 .

<!-- variant 1 -->
<h1><img src="acme-logo.png" alt="" />ACME Inc.</h1>

<!-- variant 2 -->
<hgroup>
  <h1><img src="acme-logo.png" alt="" /></h1>
  <h2>ACME Inc.</h2>
</hgroup>

Si noti che il altvalore dell'attributo dovrebbe essere vuoto qui:

il altvalore dell'attributo non dovrebbe ripetere le informazioni già fornite nella prosa accanto all'immagine

Se vuoi usare solo il logo, va bene anche:

<h1><img src="acme-logo.png" alt="ACME Inc." /></h1>

Per quanto riguarda le altre risposte:

È totalmente buono e buono e in molti casi è addirittura necessario (per la struttura del documento) da utilizzare h1per il titolo del sito , non per il titolo del contenuto della pagina. In HTML5 puoi usare h1entrambi i titoli (in combinazione con elementi di sezionamento).

Un metodo di sostituzione delle immagini CSS non deve essere utilizzato per il logo del sito, in quanto è contenuto (HTML), non decorazione (CSS)

Può essere considerato blackhat SEO, mentre funziona in alcuni casi credo che tu possa essere penalizzato.

FWIW: per quanto riguarda tutti i discorsi sull'essere penalizzato da "The Central Scrutinizer", Google stesso nasconde il testo nella sua <h2 class="hd">Search results</h2>pagina dei risultati di ricerca :

.hd {
   height: 1px;
   overflow: hidden;
   position: absolute;
   top: -1000em;
   width: 1px;
}