webconsul

the best webconsul(ting)

Designclou und SEO-Mod mittels einfachem JavaScript

Sie sind hier: Startseite » Designclou und SEO-Mod mittels einfachem JavaScript

Wie heute schon berichtet arbeite ich gerade für einen Kunden an seinem Webdesign beziehungsweise programmier gerade das zugehörige Template. Das Content Management System dahinter ist einfach ein WordPress, aber das tut an dieser Stelle nichts zur Sache.

Die Aufgabenstellung war, die “gelben Boxen” beim Überfahren eines Bildes zu deaktivieren. Nachdem ich herausgefunden hatte, dass damit die title- und alt-Tags bei den Bildern gemeint waren, war die Sache einfach.

So werden aktuell aus SEO-technischer Sicht zwar die Tags geschrieben, aber mit folgendem Code beim Seitenladen mittels JavaScript entfernt:

for(var i=0; i<document.getElementsByTagName('img').length; i++){
  document.getElementsByTagName('img')[i].removeAttribute('title');
  document.getElementsByTagName('img')[i].removeAttribute('alt');
}

Das mag zwar vielleicht den Google-Richtlinien widersprechen, aber heey, das hat mehrere Vorteile. Einerseits wird das Layout dadurch freundlicher und konnte dem Kundenwunsch entsprechend angepasst werden, andererseits wird vermieden, dass die Browserplugins für den 0815 Suchmaschinenoptimierer oder der konkurrierende SEO-Agentur nützliche Informationen preisgeben und letztlich ist es Google erstmal egal, da die Tags trotzdem gewertet werden.

Somit muss kein Plugin für das WordPress Template extra gehackt werden, welches die Standardoption der Tags abändert und der dicke Bonus obendrauf ist, dass man dem barrierefreiem Web nicht im Wege steht. Denn gerade Browser die keine Bilder anzeigen können und JavaScript deaktiviert haben, ist es letztlich egal, denn hier sind alle Informationen enthalten, die gebraucht werden.
Der Beweis, dass Google dynamische Inhalte oder genauer Modifikationen am DOM des Browsers aktuell nicht interessiert, habe ich damals schon getestet. Von daher: einfach machen!

Zusätzlich habe ich für einfachen Bilderklau, über den Rechtsklick, das Kontextmenü sowie den Klick deaktiviert:
  document.getElementsByTagName('img')[i].setAttribute('onmousedown', 'return false;');
  document.getElementsByTagName('img')[i].setAttribute('oncontextmenu', 'return false;');

Das hilft zwar nicht gegen jemanden der sich auskennt, denn dagegen gibt es keine wirklich wirksame Methode, aber für den 0815-Webuser dürfte das ausreichen.



Ähnliche Beiträge:
  • Effektiver Spamschutz mit JavaScript Für einen Kunden habe ich gestern folgende Methode implementiert um effektiv die Unternehmensadressen für Spambots unzugänglich zu machen. Das Prinzip ist relativ einfach, denn der...
  • Der Googlebot und JavaScript Dem Googlebot wird nachgesagt alles zu parsen, sogar vor JavaScript und Flash soll er nicht halt machen. Da hat mich interessiert, ob der Googlebot das...
  • Effektive Steigerung der Conversion Rate mittels Browserhistory Seit letzte Woche bei seoFM über das Thema berichtet wurde, hat es viele nicht mehr losgelassen: die Idee, das Proof of Concept mit jQuery Da...
  • JSXGraph WordPress Plugin Update Wie im vorherigen Post erläutert gab es letzte Woche ein neues JSXGraph Release und somit musste das WordPress Plugin dazu auch aktualisiert werden. Die Gelegenheit...
  • Server to JavaScript Push Funktion Heute habe ich kurz darüber nachgedacht, wie man in JavaScript eine serverseitige Push-Funktion implementieren kann. Eine Möglichkeit wäre es, den Status ständig abzurufen, wie zum...
  • Google zur optimalen Seitenstruktur Vor einiger Zeit gab es ja schon die erste Site Clinic von Google und heute kam der zweite Beitrag zur Serie raus: Google Grants Site...
  • JavaScript Funktion aus String erzeugen In JavaScript will man oftmals eine Funktion erzeugen, deren Eingabe- und Ausgabeparameter vorher noch unklar sind. Daher muss die Funktion dynamisch erzeugt werden und darin...
  • Crockford on JavaScript Soeben konnte ich im Yuiblog erfreulicherweise diesen Veranstaltungshinweis lesen: Crockford on JavaScript Dabei spricht Douglas Crockford über die JavaScript-Architektur und vieles mehr. Ich hoffe nur,...
  • Crockford on Javascript Die ersten zwei Videos von Douglas Crockford über Javascript sind raus: The Early Years And Then There Was JavaScript Drei weitere kommen nocht....

Hinterlasse eine Antwort