Dienstag, 21. Dezember 2010
Erneut veröffentlicht im
Google Grants Blog
Wenn die Feiertage näher rücken, haben wir alle ein wenig Wartungsarbeit zu erledigen. Genau deshalb wollten wir den zweiten Beitrag unserer
Website-Klinik-Serie
der Bereinigung Ihres Quellcodes widmen. Während unserer Analyse eingereichter Websites von gemeinnützigen Organisationen ist uns einige Verwirrung darüber aufgefallen, welche HTML-Markups oder -Tags wo verwendet werden sollten und welcher Inhalt darin platziert werden muss. Beides kann erhebliche Auswirkungen darauf haben, wie Nutzer Ihre Website wahrnehmen und wie sie auf der Suchergebnisseite aussieht.
Bevor Sie das Haus schmücken, schmücken Sie Ihre <title>Elemente
Von allen eingereichten Websites gemeinnütziger Organisationen nutzten 27 % ihre <title>
Elemente falsch, die entscheidend dafür sind, sowohl Google als auch Nutzern zu vermitteln, was für Ihre Website wichtig ist. Typischerweise zeigt eine Suchmaschine ca. 60 Zeichen Ihres Title-Elements an; das ist wertvoller Platz, den Sie nutzen sollten! Bevor wir uns dem eigentlichen Code widmen, werfen wir zunächst einen Blick darauf, wie ein großartiges Title-Element einer unserer eingereichten Websites,
Sharp, auf der Suchergebnisseite erscheint:
Idealerweise enthält ein großartiges <title> Element den Namen der Organisation zusammen mit einem aussagekräftigen Slogan. Werfen wir einen Blick auf einige eingereichte Beispiele:
| Organisation | <title> Quellcode | Benutzerfreundlichkeit | Tag-Verhalten |
| Sharp | <title>Top San Diego Doctors and Hospitals - Sharp HealthCare</title> | Am besten | Enthält den Namen der Organisation und einen aussagekräftigen Slogan |
| Interieur | <title>Interieur 2010 - 15-24 October Kortrijk, Belgium</title> | Gut | Enthält den Namen der Organisation und einen nicht aussagekräftigen Slogan |
| VAMS International | <title>Visual Arts and Music for Society | VAMS International</title> | In Ordnung | Enthält nur den Namen der Organisation |
Wenn Sie kein <title> Tag angeben, versucht Google, einen Titel für Sie zu erstellen. Sie können das wahrscheinlich besser als unsere beste Vermutung, also nur zu: Übernehmen Sie die Kontrolle über Ihr
<title> Tag! Das ist eine einfache Korrektur, die einen großen Unterschied machen kann. Die Verwendung spezifischer
<title> Tags für Ihre tieferen URLs ist ebenfalls wichtig, worauf wir in unserem nächsten Website-Klinik-Beitrag eingehen werden.
Behalten Sie Ihre Description Meta-Tags im Auge
Description Meta-Tags wurden bei 54 % der eingereichten Websites nicht optimal genutzt. Diese Tags werden oft verwendet, um das den Nutzern auf der Suchergebnisseite angezeigte zweizeilige Snippet zu füllen. Mit einem soliden Snippet können Sie Ihre potenziellen Leser begeistern und neugierig machen, mehr über Ihre Organisation zu erfahren. Werfen wir einen weiteren Blick auf ein gutes Beispiel unter den eingereichten Websites,
Tales of Aussie Rescue
Wenn Description:
Meta-Tags fehlen oder nicht relevant sind, wird automatisch ein Snippet aus dem Seiteninhalt ausgewählt. Wenn Sie Glück haben und ein gutes Snippet automatisch ausgewählt wird, bedenken Sie, dass Suchmaschinen Snippets auf unterschiedliche Weise auswählen. Daher ist es besser, die Dinge konsistent und relevant zu halten, indem Sie ein solides Description Meta-Tag schreiben. Halten Sie Ihre Elemente an ihrem Platz
Eine weitere schnelle Korrektur besteht darin, sicherzustellen, dass Ihre Website Überschriften-Tags ordnungsgemäß verwendet. In unserer Studie zu gemeinnützigen Organisationen hatten fast 19 % der eingereichten Websites Verbesserungspotenzial bei Überschriftenelementen. Das häufigste Problem bei Überschriften-Tags war die Tendenz, Überschriften mit einem <h> oder
-Tag zu beginnen, ohne einen <h2> -Tag einzubinden, vermutlich aus ästhetischen Gründen. <h3> Überschriften geben Ihnen die Möglichkeit, sowohl Google als auch Nutzern mitzuteilen, was für Sie und Ihre Website wichtig ist. Je niedriger die Nummer in Ihrem Überschriften-Tag, desto wichtiger ist der Text in den Augen von Google und Ihren Nutzern. Nutzen Sie dieses
<h1> -Tag! Wenn Ihnen nicht gefällt, wie ein
-Tag optisch dargestellt wird, können Sie sein Aussehen jederzeit in Ihrem CSS anpassen. <h1> Verwenden Sie Alt-Texte für Bilder <h1> Zur Weihnachtszeit ist jeder stolz darauf, seine Familienfotos zu präsentieren, aber vergessen Sie nicht, uns zu sagen, worum es darin geht. Über 37 % der analysierten Websites verwendeten das Image-Alt-Attribut nicht ordnungsgemäß. Bei ordnungsgemäßer Verwendung kann dieses Attribut:
Google helfen zu verstehen, worum es in Ihrem Bild geht
Nutzern von Nur-Text-Browsern, Personen mit Barrierefreiheitsproblemen oder Nutzern mit eingeschränkten Geräten ermöglichen, Ihre Bilder zu verstehen
- Denken Sie daran, dass ein reichhaltiger und aussagekräftiger Alt-Text hier der Schlüssel ist. Werfen wir einen weiteren Blick auf einige unserer eingereichten Websites und deren Verwendung des Alt-Attributs:
- Organisation
Quellcode
| Benutzerfreundlichkeit | Tag-Verhalten | Sponsor A Puppy | <img alt=”Sponsor a Puppy logo” src=”…” /> |
| Am besten: Der Alt-Text gibt an, dass es sich bei dem Bild um das Hauptlogo der Organisation handelt | Verwendet einen reichhaltigen, aussagekräftigen Alt-Text zur Beschreibung von Bildern, Schaltflächen und Logos | Philanthropedia | <img alt=”Logo” height=”…” /> |
| Gut: Der Alt-Text gibt an, dass es sich bei dem Bild um ein Logo handelt, beschreibt es jedoch nicht näher durch die Organisation oder ihr Verhalten | esda | es | Verwendet nicht-deskriptiven Alt-Text für Bilder, Buttons und Logos oder verwendet Alt-Text nur gelegentlich |
| Coastal Community Foundation | <img src="..." /> | Nicht optimal: Alt-Text nicht vorhanden | Keine Verwendung von Alt-Text oder Verwendung von Text, der keinen Sinn ergibt (oft bei der Durchnummerierung von Bildern zu sehen) |
Ein kleiner Schaufensterbummel für Ihre Neujahrsvorsätze
Google bietet großartige Ressourcen, um Best Practices im Quellcode weiter zu vertiefen. Als
Start können Sie unseren
HTML Suggestion Tool
in den Webmaster Tools verwenden. Außerdem ist es immer eine gute Praxis, Ihre Website
zugänglich für alle Besucher zu machen.
So setzen wir das um
Google announcements age. We keep this post here for the record, and we note for clients whether the behaviour it describes still applies today or has since been superseded.
Verwandte Leistungen