Webseite abrufen wie der Google Bot
Kategorie: web-development
Hin und wieder muss ein Webworker seine Webseite aus den Augen des Google Bots sehen. Ich zeige hier drei Wege, wie Du die Webseiten wie durch einen GoogleBot abrufen kannst.
Wenn Google beim Crawlen der Webseite Fehler entdeckt, die Du entweder im Browser nicht nachvollziehen kannst oder Du sehen willst, was andere Webseiten dem Googlebot an Inhalten präsentieren, dann können die folgenden drei Varianten dabei sehr behilflich sein eine Webseite wie ein Googlebot abzurufen:
Webseiten abrufen wie ein Googlebot »
WordPress Teaser für Unterseiten einer Seite
Kategorie: web-development
Es gibt Aufgaben, für die ist die Artikel / Blog Ausgabe von WordPress ggü. den WordPress CMS Seiten zu sehr unterlegen. Dazu gehört bspw. eine tiefere hierarchische Verschachtelung von Inhalten. Mit der Kategorisierung der Artikel lässt sich nur eine flache Hierarchie der Tiefe 2 realisieren. Mit WordPress CMS Seiten hingegen theoretisch unendlich tief.
Die WordPress CMS Seiten haben jedoch normalerweise den dummen Nachteil, dass jegliche Unterseiten nicht automatisch als Teaser in der jeweiligen Ebene angezeigt werden – wie das in den normalen Kategorien der Fall ist. Das lässt sich allerdings relativ einfach mit Hilfe von wpSEO ändern! Code ansehen: WordPress Unterseiten wie Artikel mit Teasern anzeigen lassen »
WordPress Breadcrumb Navigation ohne Plugins
Kategorie: web-development
Da ich mittlerweile mehr WordPress Plugins installiert habe als für das Blog gut ist und ich die volle Kontrolle über meine Breadcrumbs in WordPress haben möchte, war ich auf der Suche nach einer geeigneten Möglichkeit die Breadcrumb Navigation ohne ein Plugin in WordPress einzubauen.
Weiterlesen: So baust Du eine WordPress Breadcrumb einfach selbst
RedirectMatch 301 Redirect
Kategorie: web-development
Eine Lektion, die ich heute gelernt habe ist: “Überprüfe jedes Mal, wenn Du eine Weiterleitung einrichtest den Header, den die alte URL zurückgibt!”
Warum ist das so wichtig? Nun, ich habe ja schon feststellen müssen, dass meine 404 Fehlerseiten kein 404 sondern 302 ausgegeben haben. Nun kam auch noch die Erkenntnis dazu, dass ein RedirectMatch ohne Angaben von Optionen eine 302 Weiterleitung statt einer 301 Weiterleitung macht!
Ich habe mich schon sehr gewundert, warum alte, mit RedirectMatch weitergeleitete URLs aus den GWT (404 Fehlern) nicht verschwinden wollten. Jetzt weiß ich es! Der Google Bot dachte immer und immer wieder, dass diese URLs wiederkommen, da sie ja nur eine temporäre Umleitung per 302 hatten! Und das seit etlichen Jahren!
» So sieht eine korrekte RedirectMatch 301 Weiterleitung aus
ErrorDocument 404 in der .htaccess korrekt umsetzen
Kategorie: web-development
Gestern habe ich in der Siteclinic mit Jens Fauldrath, Hanns Kronenberg, Johannes Beus und Markus Walter nicht schlecht gestaunt, dass meine richtig geglaubte ErrorDocument 404 Anweisung in der .htaccess einen 302 Redirect (temporäre Umleitung) auf eine Seite mit einem 200 Header (Seite gefunden) ausspuckt!
Kann Fatal werden, da zum Einen alle falsch gesetzten Links von Google nicht erkannt werden und zum Zweiten so seher viele Duplicate Content Seiten entstehen (können).
Bist Du auch betroffen?
Das lässt sich ziemlich einfach herausfinden. Hanns hat mir einen tollen Tipp gegeben, wie man mit Google selbst so ein Problem findet. Wird der 404 nämlich nicht korrekt umgesetzt, landet die 404 Fehlerseite im Index von Google und das kann man dann mit allinurl:404 site:deinedomain.de und diversen Abwandlungen (intitle, inurl, incontent und mit ‘Fehler’, ‘nicht gefunden’, usw.) im Google Suchschlitz testen.
Bekommst Du bei der Abfrage ein oder gar mehrere Ergebnisse, dann stimmt etwas mit der 404 Fehlerseite nicht! Bei korrekter Umsetzung darf nämlich so eine 404 Fehlerseite nicht im Index von Google sein!
Alternativer Test
Wenn Du eine Konsole zur Hand hast, kannst Du das auch schnell mit einer cURL Abfrage testen:
cURL -I -L http://deinedomain.de/nicht-vorhandene-seite
Die Optionen -I und -L liefern dann nur den Header der Webseite zurück.
Zur Lösung des des korrekten 404 Redirect hier entlang
Blogbeiträge richtig mit einem Google+ Profil verknüpfen
Kategorie: web-development
Ich beschäftige mich schon länger mit der Möglichkeit meine Blogbeträge korrekt mit dem rel=”author” Attribut mit meinem Google Plus Profil zu verknüpfen. Google hat uns da ja netterweise eine Anleitung an die Hand gegeben, die – wie soll ich sagen – mehr als nur undurchsichtig ist!
Update 30.4.12 siehe weiter unten
Erst gerade habe ich es endlich geschafft, meine Blogs mit meinem Google Profil korrekt zu verknüpfen! Eigentlich lag es nur an der falschen Zurückverlinkung, doch seht selbst…
Verwirrende Anleitung um das rel=”author” Attribut
Bei Google findet man nämlich mal eine Anleitung, man solle es wie folgt einbinden:
<a href="[profile_url]?rel=author">Google</a>
auf einer weiteren Seite steht, dass man es doch anders verlinken soll, nämlich:
<a href="[profile_url]" rel="author">Dein name</a>
PHP: if/else Kurzschreibweise innerhalb von String Concatenationen
Kategorie: web-development

Ich habe für meine neuen Filter im Shop sehr viele if/else Abfragen in die Logik einbauen müssen.
Nichts schlimmes, doch ganz schön viel Code! Ich stehe ja aber auf knackig und kurz!
if/else Kurzschreibweise
PHP bietet ja eine tolle Kurzschreibweise für die if else Abfragen:
string = ($test=='true') ? 'if true' : 'if else';
if/else Kurzschreibweise innerhalb von String Concatenationen
Wozu und wie lässt sich diese Schreibweise innerhalb eine String-Concatenation einbauen?
» Weiterlesen und Kurzschreibweise für if/else in Concatenationen ansehen
Hinweis auf noch nicht gespeicherte Elemente beim Verlassen der Webseite
Kategorie: web-development
Es gibt Momente, an denen man den User daran hindern möchte versehentlich eine Seite zu schließen.
Ein gutes Beispiel dafür ist das Editor Fenster von WordPress. Wird hier eine Änderung nicht gespeichert und das Fenster geschlossen, warnt WordPress, dass die Änderungen verloren gehen, sobald das Fenster geschlossen wird.
Soetwas nachzubauen ist eigentlich ganz einfach und erfordert nur etwas jQuery Code:
Weiterlesen: Hinweis auf noch nicht gespeicherte Elemente beim Verlassen der Webseite »
MS-Office Tabellen in HTML Tabellen umwandeln
Kategorie: web-development
Wie kann man Tabellen aus PDF, Word oder Exceldateien schnell in HTML umwandeln?
Vladimir Simović hat gerade einen Dienst vorgestellt mit dem man Tabellen aus Office oder PDF Dateien schnell in HTML umwandeln lassen kann. Beim PDF kann ich nicht dagegenhalten, aber gerade bei Office Dokumenten ist der Export mittlerweile sehr gut! Die Zeiten der absolut grauenhaften Exporte ist vorbei. MS schafft auch mal was!
Ausgangatabelle

Und so schaut der Export in HTML aus
Weiterlesen: MS-Office Tabellen in HTML Tabellen umwandeln »
checkbox onclick submit – AJAX like submit
Kategorie: web-development

checkbox onclick submit
Wofür brauche ich einen checkbox onclick submit?
Manchmal möchte man in einem Formular einer Checkbox beim Klicken gleich eine Aktion mitgeben. Beispielsweise wenn ich im Warenkorb ein ausgewähltes Produkt aus mehreren löschen möchte und der Shop keine einzelnen Buttons, sondern eben “nur” Checkboxen mit zusätzlichem Löschen Button bietet. Hier ist es meiner Meinung nach durchaus sehr sinnvoll beim Klicken auf die Checkbox gleich die Löschung mit anzustoßen.



