H1 hinters Logo legen

[Spann-Ung]

Hallo zusammen,

ist das ne Nummer zu hart?

<div class="logo">
<h1><a href="https://www.keyworddomain.de">Keyworddomain.de</a></h1><a href="https://www.keyworddomain.de" title="Keyworddomain.de"><img src="https://www.Keyworddomain.de/images/Key ... ain.de.jpg" alt="Keyworddomain.de" width="227" height="33" /></a>
</div>

oder

<div class="logo">
<h1>Keyworddomain.de</h1><a href="https://www.keyworddomain.de" title="Keyworddomain.de"><img src="https://www.Keyworddomain.de/images/Key ... ain.de.jpg" alt="Keyworddomain.de" width="227" height="33" /></a>
</div>

Das Logo (img) ist exakt über die H1 gelegt.
Würde gerne die H1 mitnehmend und gleichzeitig das Logo klickbar machen. Wenn dann noch ein befüllter Alt-Tag sowie ein befüllter Title-Tag möglich sind wärs perfekt. Ggf. übertreibe ich hier aber.

Wäre über jeden Tipp, der mich aus meinem Wald hinaus blicken lässt dankbar.

Beste Grüße
Oli

[seoprofi3000]

das hängt wie immer davon ab... )


Sieht das Ganze (mit dem Rest) spammy aus? Oder nicht?

Darauf ein ja oder nein, dann haste deine Antwort.

Gruß
seoprofi.

[nicolas]

Ich würde den h1-Tag nicht um das Logo legen. Füge einfach an einem anderen Ort die Domain in H1 ein.

[Spann-Ung]

das hängt wie immer davon ab... )


Sieht das Ganze (mit dem Rest) spammy aus? Oder nicht?

Darauf ein ja oder nein, dann haste deine Antwort.

Gruß
seoprofi.

In der Summe ist das eine spitzen Seite, mit umfangreichem und hochwertigem Inhalt, der in erster Linie für den Besucher geschrieben ist.
Also auf keinen Fall spammy. Bevor ich mir aber wegen solchen Peanuts (?) einen Strick drehe, würde ich auf die H1 verzichten.

Ich muss vllt. auch nochmal bei den Großen stöbern.

Ich würde den h1-Tag nicht um das Logo legen. Füge einfach an einem anderen Ort die Domain in H1 ein.

In Bezug auf die restliche Struktur auch sub-optimal.

[mano_negra]

ich würde nicht auf die h1 verzichten, sondern auf das ganze img-gedöns und doppelten links, etc
das ist ja eine abenteuerliche konstruktion.
warum machst du keinen normalen h1 link und legst mit css das bild drüber.
nach dieser art: <h1><a href="..."><span></span>anchortext</a></h1>

[1337530]

Ich würde das Bild als Hintergrundgrafik für das div nehmen und dann eine verlinkte Überschrift. Ein Bild mit als und title zusätzlich an anderer Stelle auf der Seite einbauen.

[LordOfPage]

Mich irritiert auch, warum Du auf der Seite sonst keine h1-Überschrift hast. Sollte man doch auf jeder Seite haben, schon aus Usability-Gründen.

Ich glaube allerdings nicht, dass google irgendwas "merkt", wenn Du einen Logo-div-Kontainer mit einer h1-Überschrift versiehst. Könnt ja wirklich eine ganz "normale" Überschrift sein.

[SEO-Evangelium]

Mich irritiert auch, warum Du auf der Seite sonst keine h1-Überschrift hast. Sollte man doch auf jeder Seite haben, schon aus Usability-Gründen.

h1 hat wenig mit Usability zu tun... Überschriften werden von einem Besucher auch ohne die Formatierung in h1 als Überschrift wahrgenommen (strong, eine Schriftgröße höher, andere Farbe etc.)

[DanielS]

Mich irritiert auch, warum Du auf der Seite sonst keine h1-Überschrift hast. Sollte man doch auf jeder Seite haben, schon aus Usability-Gründen.

h1 hat wenig mit Usability zu tun... Überschriften werden von einem Besucher auch ohne die Formatierung in h1 als Überschrift wahrgenommen (strong, eine Schriftgröße höher, andere Farbe etc.)

Naja, so ganz stimmt das nicht. Du könntest ja auch hingehen und bei Auflistungs statt ul und li einfach ein &bull; vor den Stichworten setzen.

Du kannst Dich ja ein bisschen in semantischen Code einlesen und ein bisschen zu Barrierefreiheit würde auch nicht schaden

[nicolas]

h1 hat wenig mit Usability zu tun... Überschriften werden von einem Besucher auch ohne die Formatierung in h1 als Überschrift wahrgenommen (strong, eine Schriftgröße höher, andere Farbe etc.)

Naja, so ganz stimmt das nicht. Du könntest ja auch hingehen und bei Auflistungs statt ul und li einfach ein &bull; vor den Stichworten setzen.

Du kannst Dich ja ein bisschen in semantischen Code einlesen und ein bisschen zu Barrierefreiheit würde auch nicht schaden

Wie du sagst hat es mit semantischem Code zu tun, aber der ist nicht unbedingt für den normalen User, sondern für Leute mit Screenreader (hier hat es ein bisschen mit Usability zu tun, je nach Thema) und Crawlers und sonstige Computer.

[LordOfPage]

Mich irritiert auch, warum Du auf der Seite sonst keine h1-Überschrift hast. Sollte man doch auf jeder Seite haben, schon aus Usability-Gründen.

h1 hat wenig mit Usability zu tun... Überschriften werden von einem Besucher auch ohne die Formatierung in h1 als Überschrift wahrgenommen (strong, eine Schriftgröße höher, andere Farbe etc.)

Ich geb Dir recht, aber ich sehs so: Als echter SEO, der auf sich hält, mach ich doch Überschriften nicht allein über css-Befehle, sondern stell sie auch durch den h-tag dar. Gelernt ist gelernt.

[MrTunes]

Man kann auch für Überschriften <p> benutzen und den gesamten Text in <h1> packen ohne dass es anders aussieht. Man kann sich auch ne rosa Schleife um den Bauch binden.

Man kann es aber auch einfach mal sinnvoll und simpel machen.
Ein Logo ist übrigens auch keine Überschrift. Auf dieser Seite sehen wir links oben das abakus Logo Bild und ein wenig darunter die Überschrift für diese Seite "H1 hinters Logo legen".
Das Logo ist hier relativ uninteressant, sowohl für User als auch für Crawler. Soll einfach nur nett aussehen. Die Überschrift dagegen ist etwas wichtiges und dementsprechend hervorgehoben. Für die Formatierung benutzt man üblicherweise das h1 tag, was auch Suchmaschinenparser wissen. Wenn ich wissen möchte worum es geht guck ich, nach dem ich den Titel der Seite gelesen habe dorthin. Wenn ich nun auf jeder Seite dort den Domainnamen oder immer das selber Bild finde, ist das keine besonders zufriedenstellende Information.

[DanielS]

Wie du sagst hat es mit semantischem Code zu tun, aber der ist nicht unbedingt für den normalen User, sondern für Leute mit Screenreader (hier hat es ein bisschen mit Usability zu tun, je nach Thema) und Crawlers und sonstige Computer.

Genau das ist ja die Usability, dass jeder mit der Seite gut umgehen kann.
Aber die Wichtigkeit ist in diesem Fall wohl abhängig von der Zielgruppe.

[top]

... Man kann sich auch ne rosa Schleife um den Bauch binden...

Das werde ich mal probieren. Mal sehen ob das was bringt...


Aber zurück zum Thema. Würde etwas hier gegen sprechen?

Code: Alles auswählen

<div class="logo">
<h1><a href="http&#58;//www.keyworddomain.de" title="Keyworddomain.de"><img src="http&#58;//www.Keyworddomain.de/images/Keyworddomain.de.jpg" alt="Keyworddomain.de" width="227" height="33" />Keyworddomain.de</a></h1>
</div>

CSS:

Code: Alles auswählen

.logo h1 { width: 227px; height: 33px; overflow: hidden; }
.logo h1 img { position: absolute; }

[LordOfPage]

Aber zurück zum Thema. Würde etwas hier gegen sprechen?

Code: Alles auswählen

<div class="logo">
<h1><a href="http&#58;//www.keyworddomain.de" title="Keyworddomain.de"><img src="http&#58;//www.Keyworddomain.de/images/Keyworddomain.de.jpg" alt="Keyworddomain.de" width="227" height="33" />Keyworddomain.de</a></h1>
</div>

CSS:

Code: Alles auswählen

.logo h1 { width: 227px; height: 33px; overflow: hidden; }
.logo h1 img { position: absolute; }

Also, ich seh nicht, wie der bot das als spam erkennen könnte.