404-Fehlerseite erstellen

Gastbeitrag von Matthias – Zentodone.eu

Bei diesem Artikel handelt es sich um einen Gastartikel für Oliver, alias plerzelwupp, der zur Zeit in Urlaub ist. Ich freue mich und bin auch stolz hier bei plerzelwupp.de schreiben zu dürfen und möchte mich dafür noch einmal bei Oliver bedanken. Seine Seite und vor allem seine Artikel erklären meist technisch schwierig anklingende Sachverhalte, die er mit seiner einfachen und absolut nachvollziehbaren Art zu Schreiben immer gut rüberbringt. Ich hoffe, dass ich mit diesem Artikel diesem Standard und dieser hochgelegten Messlatte mit diesem Artikel gerecht werden.

Im Rahmen der Benutzerfreundlichkeit, möchte ich euch heute zeigen, wie ihr mit einfachsten Mitteln in eure 404.php eine Google Search Bar einbaut. Es ist wirklich einfach und verhindert, dass ihr einen potenziellen Besucher, durch eine weiße Seite mit der aussagekräftigen Meldung “Page cannot be found“ wieder vertreibt.

Ein weiteres Puzzle-Stück zum benutzerfreundlichen Blog

Zurück zu meinem Eingangs beschriebenen Thema. Das Thema “Benutzerfreundlichkeit” finde ich persönlich sehr wichtig und es ist immer wieder Teil meines Ansporns oder die Inspiration meiner Artikel, wenn ihr so wollt. “Benutzerfreundlichkeit” heißt für mich, dass der Besucher sich schnellstmöglich den nötigen Überblick verschaffen kann über meine Seite, oder ich ihm das Suchen seiner Informationen auf meiner Site möglichst einfach mache.

Bei dem Stichwort “Suchen” wird jeder, der sich im Internet tummelt mit dem Wort “Google” verbinden. Vor einiger Zeit hat Oliver selbst einen Artikel zum Thema „WordPress-Suche aufbohren“ einbauen geschrieben. Dieser Artikel war meine Inspirationsquelle. Jeder von euch, dem die Standard Suchfunktion in WordPress nicht genügt, sollte sich diesen Artikel auf jeden Fall anschauen. Hier wird mit Hilfe eines Plugins, die WordPress Suche aufgebohrt und verbessert.

Die 404 – error Seite

Aber zurück zu meiner 404.php Seite, die mittels einer .htaccess Datei bei euch aufgerufen werden kann. Diese Seite erscheint meist dann, wenn jemand aus einer Suchmachine einen Artikel auswählt, anklickt, aber z.B. der Link nicht mehr aktuell ist. Dann erscheint diese Seite. Aber in meinen Augen kann man das Potenzial dieser Seite nutzen. Denn der Besucher hat eure Seite zur Informationsrecherche ausgewählt. Aus diesem Grund sollte man, auch wenn die Information auf diese Weise nicht zur Verfügung gestellt werden kann, aus welchem Grund auch immer, dem Besucher eine weitere Suchmöglichkeit offerieren.

Und da der Besucher Google meist kennt, bzw. schon mit Hilfe der Datenkracke bis zu euch gekommen ist, sollten wir hier auch nicht aufhören. Das Ergebnis dieser hier beschriebenen Implementierung des Codings könnt ihr hier anschauen, indem ihr beispielsweise zu https://www.plerzelwupp.de/blabla navigiert

Anmerkung von plerzelwupp:

Auch ich hab mir Gedanken über die Nutzerfreundlichkeit des Blogs gemacht und lasse meine fehlgeleiteten Besucher nicht im Regen stehen. Bei der Lösung ist zwar keine direkte Google-Suche implementiert, jedoch wird dem Besucher mehr geboten, als ein nüchterner 404-Fehler; u.a. eine komplette Sitemap. Besucht einfach mal eine Seite, die es bei plerzelwupp nicht gibt – z.B. https://www.plerzelwupp.de/blabla

Suchfunktion bei Google einstellen

Das Suchfeld einzubauen, ist relativ einfach. Wenn ihr einen Googleaccount habt, einfach bei Google anmelden und dann die Seite “www.google.com/webelements/” aufrufen. Hier könnt ihr eine sogenannte “Custom Search” anlegen. Einfach den Punkt “Custom Search” auswählen und dann die von euch auszuwählenden Daten selektieren.

Google benutzerdefinierte Suche anlegen (Klicken zum Vergrößern)

Configure: Den Punkt habe ich einfach auf „Automatically search my site“ stehen lassen. Alternative könnt ihr noch „Search my site and use AdSense for Search“ oder „Use existing custom search engine“ auswählen. Diese Zwei habe ich noch nicht ausprobiert, wenn ihr daran aber Interesse habt, würde mich interessieren, welche Erfahrungen ihr damit gemacht habt.

Dann je nach ausgesuchtem Punkt 1 einfach das unten angezeigte Coding kopieren und in eure 404.php Datei an der gewünschten Stelle einfügen. Fertig!

Fazit

In meinen Augen eine einfache und sinnvolle Alternative eurem Besucher die Möglichkeit zu offerieren, eure Seite zu durchsuchen. Google kennt er, er muss sich nicht erst mit dem Aufbau eurer Seite beschäftigen, wo auch immer die Suchfunktion steckt. Und das Suchfeld springt ihm dann direkt ins Auge! Ich hoffe, dass ich euch mit diesem Artikel ein wenig weiterhelfen konnte, was das Thema “Benutzerfreundlichkeit eures Blogs” angeht und würde über Anregungen, Kommentare und Kritik eurerseits freuen.

Fotos
„passt“ (Puzzle): © Rainer Sturm / PIXELIO
„Lupe“ (modifiziert): © Stephanie Hofschlaeger / PIXELIO