Wird Google meine Website bestrafen, wenn ich das H1-Tag verstecke?

Ich habe heute einen Artikel gelesen, in dem der Autor erklärte, dass Google Ihre Website bestraft, wenn Sie Keywords auf Ihre Seite setzen und diese dann mit CSS ausblenden. Das macht Sinn.

Dies brachte mich jedoch dazu, über meine eigene Technik nachzudenken, wenn ich eine Website erstelle. Wenn ich zum Beispiel eine Website erstelle und das Logo den Namen der Website enthält, neige ich dazu, den Namen der Website in ein H1-Tag einzufügen und dieses Tag dann auszublenden. Ich weiß nicht warum ich es mache, ich habe es immer gemacht. Ich füge auch jeden Text, der in einem Bild enthalten ist, in das altAttribut des imgTags ein.

Aber weil ich das H1-Tag verstecke, kann ich dann die Website von Google bestrafen, weil ich dieses eine Tag versteckt habe?

Wie Su 'erwähnte, ist das Ersetzen von Bildern ziemlich Standard. Sie werden wahrscheinlich mehr aus Ihren H1 herausholen, wenn Sie sie auf jeder Seite einzigartig machen (zum Beispiel indem Sie den Titel des Artikels als H1 verwenden).

Was die Bestrafung angeht, zielt Google speziell auf versteckten Text als eine Form von SPAM ab. Sie haben jedoch immer gesagt: "Erstellen Sie Ihre Website einfach so, wie Sie es tun würden, wenn es keine Suchmaschinen gäbe und es Ihnen gut geht." Theoretisch bedeutet dies, dass Sie sollte in Ordnung sein und sie sollten in der Lage sein, den Unterschied zwischen manipulativem verstecktem Text und verstecktem Text zu erkennen, der natürlich vorkommt.

Ich persönlich überlasse solche Dinge nicht gerne Google, um dies herauszufinden. Daher würde ich empfehlen, Ihr H1 auf den Hauptinhalt der Website, den Artikeltitel, den Produkttitel oder was auch immer Ihr Inhalt rechtfertigt, zu verschieben. Auf diese Weise ist es einzigartig, was G mag, es ist relevant für den Inhalt, was G mag, und es ist sowohl für Menschen als auch für Bots in Sichtweite.

Wenn ich beispielsweise eine Website erstelle und das Logo den Namen der Website enthält, füge ich den Namen der Website in ein H1-Tag ein und verstecke dieses Tag dann. Ich füge auch jeden Text, der in einem Bild enthalten ist, in das alt-Attribut des img-Tags ein.

Es ist ein wenig vage, aber wenn Sie damit meinen, dass Sie das verstecken H1und dann auch ein separates imgTag haben, das dann das Logo präsentiert, duplizieren Sie den Aufwand (und wie andere gesagt haben, öffnen Sie sich möglicherweise für versteckte Inhaltsstrafen). Warum nicht stattdessen eine Bildersetzungsmethode verwenden? Sie sind schon den größten Teil des Weges dorthin und erledigen dies in mehreren Schritten.

Realistisch gesehen könnte man das Bild einfach direkt in das Bild einfügen H1, aber einige Leute bevorzugen es, Text in ihrer Quelle zu haben. Ihr Anruf.

Sie haben Recht, sich Sorgen zu machen, dass Sie für das H1-Tag-Problem gesperrt werden. Wenn Sie befürchten, dass Ihre Website derzeit gesperrt ist, würde ich empfehlen, die Webmaster-Tools von Google zu verwenden, um alle Nachrichten anzuzeigen, die Google zu Ihren Inhalten gepostet hat. Sie verfügen außerdem über verschiedene Tools, mit denen Sie sicherstellen können, dass Ihre Website den Anforderungen entspricht.

Machen Sie dies in Bezug auf das 'alt'-Tag weiter! Google verwendet nicht nur das Alt-Tag, um Bilder zu verstehen, sondern auch die Screenreader-Software verwendet dasselbe Alt-Tag, um sehbehinderten Personen das Navigieren auf Ihrer Website zu erleichtern.

Die Google Webmaster-Tools finden Sie hier

Ja, dies kann möglicherweise dazu führen, dass Google Ihre Website bestraft. Google überprüft immer das altTag, um den Text zu ermitteln, der in einem Bild verborgen ist, sodass der Titel nicht wirklich zum h1Tag hinzugefügt werden muss . Sie können auch einfach die Schlüsselwörter in Ihren Meta-Tags sowie den Seitentitel angeben.

Wir sprechen hier über den Site-Namen. In den meisten Fällen dauert es nicht so lange und wird normalerweise auf jeder Seite mehrmals wiederholt. Dies sollte also für keine Suchmaschine ein Problem sein, da es schwer zu erkennen ist, wie dies möglicherweise ihre Benutzer austricksen könnte. Dies kann nicht mit Fällen verglichen werden, in denen jemand verschiedene Schlüsselwörter versteckt, die im Inhalt nicht wiederholt werden oder für ihn relevant sind.

Dies bedeutet jedoch nicht, dass Sie dies tun sollten.

Ich weiß nicht warum ich es mache, ich habe es immer gemacht.

Jetzt ist die Zeit, es zu überdenken. Warum würdest du so etwas überhaupt machen? Das Logo ist (oder repräsentiert ) den Namen / Titel der Site. So sollte es sein h1. Abhängig von Ihrer Ausblendungsmethode wird die Überschrift möglicherweise auch für Bildschirmleser ausgeblendet (was die von vielen Bildschirmleserbenutzern verwendete Gliederungsnavigation beeinträchtigen kann).

Wenn Sie sowohl Logo als auch Name anzeigen möchten , können Sie beide in dasselbe h1einfügen oder das HTML5- hgroupElement verwenden .

<!-- 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>

Beachten Sie, dass der altAttributwert hier leer sein sollte :

altDer Wert des Attributs sollte keine Informationen wiederholen, die bereits in der Prosa neben dem Bild enthalten sind

Wenn Sie nur das Logo verwenden möchten, ist es auch in Ordnung:

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

Zu den anderen Antworten:

Es ist völlig in Ordnung und gut und in vielen Fällen sogar erforderlich (für den Umriss des Dokuments), um es h1für den Site- Titel zu verwenden, nicht für den Titel des Seiteninhalts. In HTML5 können Sie jedoch h1für beide Titel verwenden (in Kombination mit Schnittelementen).

Eine CSS-Bildersetzungsmethode sollte nicht für das Site-Logo verwendet werden, da es sich um Inhalt (HTML) und nicht um Dekoration (CSS) handelt.

Es kann als Blackhat-SEO angesehen werden, obwohl es in einigen Fällen funktioniert. Ich glaube, Sie können bestraft werden.

FWIW: In Bezug auf alle Diskussionen über die Bestrafung durch den "Central Scrutinizer" versteckt Google selbst Text auf seiner Suchergebnisseite <h2 class="hd">Search results</h2>:

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