Tips & Tricks « Schnurpsel

Das RaketenSEO-Ranking im Blog mit meinem Plugin einbinden

05.09.2014 08:24 von schnurpselchen in Internet, PHP, Programmierung, Tips & Tricks, Wordpress

Gestern hatte ich ja bereits die maschinenlesbaren Daten von aus.gerech.net vorgestellt. Ihr könnt diese Daten selbst nutzen und auswerten (wenn Ihr es könnt :-). Oder Ihr benutzt einfach mein WordPress-Plugin, das ich hier kurz vorstellen will.

123 Top-100 Plugin

Das Plugin besteht im wesentlichen aus zwei Funktionen.

Die erste Funktion agn_top100_read_data ist für das Abholen der Daten im JSON-Format zuständig. Hier habe ich etwas mehr Aufwand betrieben, um unnötige Requests und Datenübertragungen zu vermeiden. Die Daten werden lokal auf dem Server der WordPress-Installation im Verzeichnis wp-content/uploads gespeichert. Dieses muß daher von WordPress beschreibbar sein, damit das Caching funktioniert.

Die zweite Funktion agn_top100_shortcode implementiert einen WordPress-Shortcode, mit dem man sich die gewünschten Daten im Artikel oder auf der Seite ausgeben lassen kann.

Im einfachsten Fall sieht das dann so aus:
... Hier findet ihr die aktuelle RaketenSEO Top-100: <table class='chart-list'>[agn_top100 nam='raketenseo']</table> ...

Per Voreinstellung wird die Liste als Tabelle ausgegeben, allerdings ohne Table-Tags. Die müßt Ihr selbst drumrum packen. Das hat den Vorteil, daß Ihr der Tabelle einfach eine CSS-Klasse oder sonstige Formatierungen mitgeben könnt.

In der Voreinstellung ergibt sich damit eine Tabelle wie auf dieser Beispielseite (ohne Grafik). Die Platzierung wird einfach durchnummeriert, vor der URL steht ggf. ein Symbol für den Ergebnistyp, hinter der URL folgt ein Link-Symbol mit einem (nofollow!) Link zur Seite. URLs, die Länger als 70 Zeichen sind, werden am Ende mit … verkürzt.

Über Shortcode-Parameter kann die Ausgabe angepaßt werden. Folgende Einstellungen sind möglich:

nam – Name der Daten
Vorgabe: ‚xovilichter‚, hier also raketenseo eintragen :-)
ret – Was soll der Shortcode zurückgeben?
Vorgabe: ‚rnk‚, mögliche Werte
- rnk – Ranking Tabelle/Liste (siehe lit)
- upd – Datum und Zeit des letzten Updates (siehe dtf)
- cnt – Anzahl der gefundenen Treffer insgesamt
max – Maximal Anzahl auszugebender Treffer
Vorgabe: ‚100‚, eine Zahl zwischen 1 und 123
dtf – Ausgabeformat des letzten Updates (siehe ret:upd)
Vorgabe: ‚‚d.m.Y H:i‘‚, Format entsprechend PHP-Date-Funktion
lit – Listentyp: Tabelle oder Liste?
Vorgabe: ‚tab‚, mögliche Werte
- tab – Tabelle (table)
- lst – Liste (ol)
cut – Anzahl Zeichen, ab der eine URL verkürzt wird
Vorgabe: ‚70‚, eine Zahl zwischen 0 (keine Verkürzung) und größer
sym – Typ-Symbol vor der URL anzeigen
Vorgabe: ‚1‚, zum ausschalten ‚0‘ verwenden
lnk – Link am Ende der URL ausgeben
Vorgabe: ‚1‚, zum ausschalten ‚0‘ verwenden

Hier ein paar Beispiele:
... <ol>[agn_top100 nam='raketenseo' max='33' lit='lst' sym='0']</ol> ...
Gibt maximal 33 Einträge als HTML-Liste (OL) ohne vorangestelltem Typ-Symbol aus.

... Top-100 vom [agn_top100 nam='raketenseo' ret='upd' dtf='l, d.m.Y H:i'] Uhr ...
Gibt den Zeitpunkt des letzten Updates formatiert aus.

Technische Voraussetzungen und Download

Technische Voraussetzungen:

WordPress 3.8 oder höher
PHP 5.2 oder höher mit curl-Funktion
Verzeichnis wp-content/uploads muß von WordPress beschreibbar sein

Download Version 0.14: 123 Top-100 Plugin

Falls es Unklarheiten oder Fragen gibt, einfach fragen. :-)

Keine Kommentare »

XoviLichter Shortcode im WordPress-Widget – so gehts

03.06.2014 19:23 von schnurpselchen in Internet, Programmierung, Tips & Tricks, Wordpress, WP (Wordpress)

Vorvorgestern habe ich das XoviLichter-Ranking-Plugin für WordPress vorgestellt. Mit dem vom Plugin implementierten sogenannten Shortcode kann man die Top-Liste und weitere Informationen an beliebigen Stellen in Artikeln oder Seiten einbinden.

Man kann den Shortcode aber auch prima in einem einfachen Text-Widget verwenden, um z.B. ein XoviLichter-Top-20 in der Sidebar oder im Fußbereich der Seite anzuzeigen. Ein Beispiel habe ich mal auf meiner Bla-Fasel-Testseite im Footer in der Mitte eingefügt. Die Sache ist auch ganz einfach.

Man zieht ein Text-Widget in den gewünschten Seitenbereich und befüllt Titel und Inhalt mit den entsprechenden Daten. Ins Textfeld kommt natürlich der Shortcode, eingerahmt z.B. von einer Ordered List (OL) und mit ein paar Parametern versehen:
<ol>[agn_top100 max='20' cut='27' lit='lst' typ='txt']</ol>

Der Paramater max legt die maximale Anzahl der auszugebenden Listeneinträge fest, hier also 20.

Durch cut=‘27‚ werden die Einträge nach 27 Zeichen mit … verkürzt. Das ist ein brauchbarer Wert für ein Footer-Widget im Theme „Twenty Eleven“. In der Sidebar muß der Wert kleiner sein (z.B. 19), weil die Widgets dort schmaler sind.

Mit dem Wert ‚lst‚ für lit (Listentyp) erfolgt die Ausgabe nicht als Tabelle, sondern als HTML-Liste.

Mit dem typ txt werden nur normale Suchtreffer (Text) ausgegeben, also keine Bildern, News oder Videos, die beim XoviLichter-Wettbewerb eh nicht gewertet werden.

Dem ol-Tag kann man noch eine Klasse mitgeben und so die Ausgabe einfach per CSS anpassen. Für die Darstellung der Symbole unter Windows sollte die passende Font-Familie angegeben werden. Ansonsten werden je nach Browser nur Kästchen angezeigt.
ol.top-20 .sym { font-family: "Segoe UI Symbol"; }

Bis hierhin ist alles kein Problem, aber jetzt kommt der kleine Haken an der Sache. Normalerweise interessiert sich die Shortcode-Funktionalität von WordPress nicht für die Texte in Widgets. Glücklicherweise kann man dem mit einer Zeile PHP-Code in der functions.php des Themes Abhilfe schaffen:
add_filter('widget_text', 'do_shortcode');

Damit wird WordPress veranlaßt, auch den Widget-Text durch die Shortcode-Verarbeitung zu schicken und alles ist prima.

Wie man den Zeitpunkt der letzten Aktualisierung in den Widget-Titel bekommt, findet Ihr bestimmt selbst raus.

Na dann, frohes Ranking! :-)

Keine Kommentare »

XoviLichter-Ranking für alle – Das WordPress-Plugin

30.05.2014 17:47 von schnurpselchen in PHP, Programmierung, Tips & Tricks, Wordpress

Vor einigen Tagen hatte ich ja bereits die maschinenlesbaren Daten von aus.gerech.net vorgestellt. Dort hatte ich auch ein paar Zeilen PHP-Code für die Nutzung der Daten angekündigt. Nun sind aus den paar Zeilen doch eine WordPress-Plugin geworden, welches ich hier kurz vorstellen will.

123 Top-100 Plugin

Das Plugin besteht im wesentlichen aus zwei Funktionen.

Die zweite Funktion agn_top100_shortcode implementiert einen WordPress-Shortcode, mit dem man sich die gewünschten Daten im Artikel oder auf der Seite ausgeben lassen kann.

Im einfachsten Fall sieht das dann so aus:
... Hier findet ihr die aktuelle XoviLichter Top-100: <table class='chart-list'>[agn_top100]</table> ...

Über Shortcode-Parameter kann die Ausgabe angepaßt werden. Folgende Einstellungen sind möglich:

nam – Name der Daten
Vorgabe: ‚xovilichter‚, bei zukünftigen SEO-Wettbewerben etwas anderes :-)
ret – Was soll der Shortcode zurückgeben?
Vorgabe: ‚rnk‚, mögliche Werte
- rnk – Ranking Tabelle/Liste (siehe lit)
- upd – Datum und Zeit des letzten Updates (siehe dtf)
- cnt – Anzahl der gefundenen Treffer insgesamt
max – Maximal Anzahl auszugebender Treffer
Vorgabe: ‚100‚, eine Zahl zwischen 1 und 123
dtf – Ausgabeformat des letzten Updates (siehe ret:upd)
Vorgabe: ‚‚d.m.Y H:i‘‚, Format entsprechend PHP-Date-Funktion
lit – Listentyp: Tabelle oder Liste?
Vorgabe: ‚tab‚, mögliche Werte
- tab – Tabelle (table)
- lst – Liste (ol)
cut – Anzahl Zeichen, ab der eine URL verkürzt wird
Vorgabe: ‚70‚, eine Zahl zwischen 0 (keine Verkürzung) und größer
sym – Typ-Symbol vor der URL anzeigen
Vorgabe: ‚1‚, zum ausschalten ‚0‘ verwenden
lnk – Link am Ende der URL ausgeben
Vorgabe: ‚1‚, zum ausschalten ‚0‘ verwenden

Hier ein paar Beispiele:
... <ol>[agn_top100 max='33' lit='lst' sym='0']</ol> ...
Gibt maximal 33 Einträge als HTML-Liste (OL) ohne vorangestelltem Typ-Symbol aus.

... Top-100 vom [agn_top100 ret='upd' dtf='l, d.m.Y H:i'] Uhr ...
Gibt den Zeitpunkt des letzten Updates formatiert aus.

Technische Voraussetzungen und Download

Technische Voraussetzungen:

WordPress 3.8 oder höher
PHP 5.2 oder höher mit curl-Funktion
Verzeichnis wp-content/uploads muß von WordPress beschreibbar sein

Download Version 0.14: 123 Top-100 Plugin

Falls es Unklarheiten oder Fragen gibt, einfach fragen. :-)

XoviLichter – Bildersuche ohne Bilder

26.05.2014 17:19 von schnurpselchen in Bildersuche, Tips & Tricks

XoviLichter – Bildersuche ohne Wert

Zwar sind die Bildersuchergebnisse der Universal-Search-Einblendung per AGB vom Gewinn der Xovilichter-Chellange ausgeschlossen. Trotzdem ist in den Suchergebnissen ein interessanter Effekt zu beobachten. Bei SEO-Wettbewerben geht es ja nicht nur um materielle Preise, Ruhm un Ehre, sondern auch Erkenntnisgewinn.

Hier ist ein Ausschnitt aus meinem Ranking-Monitor für die Bildereinblendungen (Stand: heute 15 Uhr):

Es fällt auf, daß Dynapso bei vier von fünf Treffern als Zielseite für das Bild verlinkt ist, obwohl die Bilder dort auf der Seite nicht zu sehen sind.

Die Bilder tauchen dort alledings in der Ranking-Tabelle als URL auf und sind auch verlinkt. Links zu Bildern wirken zwar für Google so, als seien sie auf der Seite eingebunden und die Seiten bekommen so auch den Link aus den SERPs.

Nofollow für Bilder-Links

Das ist aber nicht der Grund, denn die Links bei Dynapso gehen über einen Redirector und, was noch viel wichtiger ist, sind als rel=nofollow ausgezeichnet.

Durch das nofollo-Attribut im Link kann wirksam verhindert werden, daß die verlinkende Seite für das gelinkte Bild bei Google rankt. Am Link auf das Bild kann es also nicht liegen.

Bilder als Nur-Text-URL

Wer meinen Vortrag auf der SEO-Campixx 2014 gehört hat, wird vielleicht wissen, wo das Problem liegt. Schuld sind die Bilder-URLs in Textform auf der Seite, denen der Google-Bot nicht nur folgt, sondern mit denen man auch in der Bildersuche ranken kann.

Die Erkenntnis ist nicht neu. Aufgefallen war mir das bereits beim SEOKanzler-Wettbewerb. Mit meiner Obstbilder-Testseite konnte ich das auch nachvollziehen. Das Kirschen-Bild ist auf der Testseite nur als Text-URL vorhanden und hat es trotzdem in die Bildersuche geschafft. Für die Suche nach Obstbilder findet man es z.Z. auf Platz 47 der Google Bildersuche.

Rankt das Bild oder die Seite?

Für mich stellt sich nun noch die Frage, falls Bilder beim Wettbewerb in der Wertung wären, würde dann das Bild oder die referenzierende Seite gewinnen?

Aus meiner Sicht müßte es die Seite sein, denn dort gelangt man bei einem Klick auf das Ergebnis auch hin. Das Ergebnis der Google-Bildersuche sind immer Seiten mit Bildern und nicht die Bilder selbst. Oder anders gesagt, ein Bild kann nicht ohne mindestens eine refernzierende Seite in der Bildersuche angezeigt werde.

Ergebnis sind Seiten, nicht Bilder

Konsequenterweise müßten die Ranking-Monitore nicht die URL des Bildes, sondern die URL der Seite mit dem Bild anzeigen, womit das Problem des Bilder-Hijackings via Text-URL bereits vom Tisch wäre. Es würde aber schon reichen, die URLs durch entfernen des Schemas (http://) zu entschärfen. Ich zeige die Bild-URL in meinem Ranking auch an, habe aber noch kein fremdes Bild „übernommen“.

5 Kommentare »

Ich will den alten Datei-Hochlader in WordPress zurück haben!

26.11.2013 19:27 von schnurpselchen in Internet, Konfiguration, Tips & Tricks, Wordpress, WP (Wordpress)

Bis zur Version 3.4 war die WordPress-Welt für mich noch in Ordnung.

Doch mit Version 3.5 wurde ein neuer Dialog zum Hochladen von Dateien installiert, der mir überhaupt nicht zusagt.

: WordPress: Dateien hinzufügen (alt)

: WordPress: Medien hinzufügen (neu)

Das linke Bild zeigt den alten Dialog, das rechte den neuen.

Gut, es gibt nun eine hübsche Thumbnail-Übersicht, aber darunter leiden die Beschreibungs- und Beschriftungsfelder zum Bild. Sie sind einfach zu schmal.

Außerdem ist mir die Handhabung der neuen Galerie-Funktion zu umständlich. In der alten Version konnte ich einfach alle zum Artikel hochgeladenen Bilder als Galerie einfügen. Jetzt muß ich erst eine Galerie erstellen.

Ich weiß nicht, wie es Euch geht, mir zumindest hat der alte Medien-Dialog besser gefallen.

Kurz und gut, ich habe mich durch die WordPress-Dateien gewühlt und den alten Upload-Dialog wieder hervor geholt. Es war letztendlich einfacher, als ich dachte. Mit ein paar Zeilen PHP-Code kann man den guten alten Datei-Hochlader wieder ans Licht holen.

Diese paar Zeilen PHP habe ich in ein kleines Plugin verpackt, welches Ihr hier findet:
123 Old Uploader

Nun will ich mal hoffen, daß der Code für den alten Uploader von WordPress nicht entfernt wird, dann sähe es nämlich schlecht aus. Aber solange die Möglichkeit besteht, werde ich den alten Uploader nutzen.

Ein Kommentar »