Miniaturbild unbearbeitet

Seit der Version 2.9 bietet WordPress dem Benutzer die Möglichkeit unmittelbar nach dem Hochladen eines Bildes dieses rudimentär zu bearbeiten. "Rudimentär" deswegen, weil die Bearbeitungsmöglichkeiten bei weitem nicht an die von durchschnittlichen Bildbearbeitungsprogrammen heran reichen. Man kann das Bild hier lediglich skalieren, beschneiden, drehen oder kippen bzw. spiegeln.

Es empfiehlt sich also – falls man größere Änderungen vornehmen möchten (Effekte, Tonwertkorrektur etc.) – ein "richtiges" Bildbearbeitungsprogramm zu nutzen.

Es gibt allerdings einen guten Grund die interne Bildbearbeitungsfunktion zu nutzen: WordPress gibt einem damit nämlich die Möglichkeit ein hochgeladenes Bild so zu bearbeiten, dass das Vorschaubild einen Ausschnitt des eigentlichen Bildes darstellt. Was ich damit meine?

Man möchte einem Artikel ein Bild beifügen, allerdings nur als verlinktes Miniaturbild. Das Originalbild, also das große Bild wirkt allerdings in einer einfachen Verkleinerung als Miniaturbild überhaupt nicht bzw. kein Mensch kann etwas darauf erkennen. Besser wäre es einen Ausschnitt zu wählen, der repräsentativ für das gesamte Foto da stehen soll. Klickt der Besucher dann auf dieses Miniaturbild, so öffnet sich das unbeschnittene, also das komplette Bild.

Um das zu erreichen muss man wie folgt vorgehen:

Ein Miniaturbild erstellen

Das gewünschte Bild hochladen und unter dem Bild auf den Button "Bild bearbeiten" klicken. Es öffnet sich ein neues Fenster. Hier klickt man einfach direkt auf das Bild, hält die Maustaste gedrückt und zieht mit der Maus, so dass ein Rechteck aufgezogen wird.

Man kann die Größe des Ausschnitts auch pixelgenau bearbeiten, indem man die Werte im Bereich "Bildausschnitt" (rechts) ändert. Hier hat man zudem die Möglichkeit das Format festzulegen, z. B. 1 :2 oder 3 : 4.

Ein sinnvoller Bildausschnitt

Um diese Auswahl zu bestätigen muss man auf den linken oberen Button "Ausschnitt" klicken. Keine Sorge das große (Originalbild) zeigt nun auch nur den Ausschnitt an, obwohl es ja eigentlich erhalten bleiben soll. Wichtig ist dafür, dass man vor (!!!) dem Speichern der Änderung im Bereich "Miniaturbild-Einstellungen" den Punkt "Miniaturbild" auswählt. Standardmäßig ist hier die Option "Alle Bildgrößen" ausgewählt. Somit gilt die Beschneidung nur für das Miniaturbild.

Nach dem Einfügen in den Artikel erhält man so ein Miniatur- bzw. Vorschaubild, das den gewählten Ausschnitt anzeigt.

Achtung Stolperfalle:

Man muss das Bild natürlich auch als Miniaturbild in den Artikel einfügen und die Verlinkung muss auf die Datei-URL verweisen.

Wir im Web: Twitter – XING – FriendFeed – Webwork, WordPress und Internet – Webwork-Tools || Flattr

Feed enhanced by Better Feed from Ozh

In dem dreiwöchigen Workshop wird den angehenden Redakteuren, die Arbeit mit dem Backend und den externen Tools erklärt. Weitere Infos zum Workshop gibt es auf der Info-Seite zum Workshop.

Neben den beiden anderen Workshops – Einfach zur professionellen Website mit WordPress als CMS und Individuelles Layout mit einem eigenen WordPress Theme – die im September bis November zum wiederholten Mal stattfinden, ist dies der dritte WordPress-Workshop, den wir auf akademie.de anbieten.

Wir im Web: Twitter – XING – FriendFeed – Webwork, WordPress und Internet – Webwork-Tools || Flattr

Feed enhanced by Better Feed from Ozh

Graues Farbschema im Backend

Jetzt haben die Entwickler das graue Schema noch mal blasser und kontrastärmer gemacht. Doch Gott sei Dank bietet WordPress in der Standardausführung ein alternatives, blaues Farbschema. Einfach im Backend unter Benutzer → Dein Profil → Farbschema verwalten das blaue Schema auswählen:

Das blaue Farbschema auswählen

Das abspeichern nicht vergessen und schon erscheint das Backend in blauen Farben, was nicht nur Augenfreundlicher sondern auch besser für das Gemüt ist.

Blaues Farbschema: freundlicher zum Auge und zum Gemüt

Wir im Web: Twitter – XING – FriendFeed – Webwork, WordPress und Internet – Webwork-Tools || Flattr

Feed enhanced by Better Feed from Ozh

Sehr schnell hat man aber die Funktion der Seiten dafür eingesetzt, wenn es darum ging mit WordPress auch Projekte ohne Blogcharakter zu betreiben: WordPress als "klassisches" CMS.

So weit so gut. Aber man kann mit den Seiten viel mehr anstellen. Zum Beispiel kann man erreichen, dass auf verschiedenen Seiten entweder unterschiedliche Inhalte und/oder verschiedene Layoutelemente auftauchen. Nehmen wir mal an du möchtest auf bestimmten Unterseiten in der Sidebar unterschiedliche Elemente haben oder einige Seiten sollen kommentierbar sein und andere wiederum nicht.

Man kann so etwas via if-else-Konstrukte realisieren, ich persönlich bevorzuge Seiten-Templates.

Wie erstelle ich ein Seiten-Template?

Am einfachsten geht es wenn du die bestehende page.php kopierst und in sagen wir mal impressum.php umbenennst. Dann öffnest du diese Datei in einem Code-Editor (bitte nicht Office oder Ähnliches) und fügst ganz am Anfang folgenden PHP-Kommentar:

<?php
/*
Template Name: Impressum
*/
?>

Dieser Kommentar signalisiert WordPress, dass es sich bei dieser Datei um ein Seitentemplate mit dem Namen "Impressum" handelt.

Anschließend führst du die Anpassungen durch, die diese Datei von der Standarddatei page.php unterscheidet. Dann lädst du diese neue Datei in das Themes-Verzeichnis hoch.

Wenn du ab jetzt eine neue Seite erstellst oder eine bestehende bearbeitest, dann hast du rechts im Modul "Attribute" die Möglichkeit, der Seite das passende Template zuzuweisen:

Das passende Seitentemplate auswählen

Die Zuweisung eines Seitentemplates kann man natürlich auch in Nachhinein machen oder die Aktion rückgängig machen: einfach das Standardtemplate auswählen.

Die Seitentemplates sind schnell und einfach zu realisieren, bieten aber anderseits dem Betreiber ein mächtiges Werkzeug um seine Website flexibler und individueller zu gestalten.

Wir im Web: Twitter – XING – FriendFeed – Webwork, WordPress und Internet – Webwork-Tools || Flattr

Feed enhanced by Better Feed from Ozh

In diesem Artikel widme ich mich den Schlüsselwörtern in der Verlinkung, der Benennung von Dateien, dem alt-Attribut, dem Duplicate Content und dem WordPress-Plugin wpSEO.

Schlüsselwörter (Keywords) in der Verlinkung unterbringen

Viele Webmaster verlinken innerhalb der eigenen Website (interne Links) zu wenig und/oder nicht optimal. Verlinke innerhalb eigener Website überall dort, wo es den Besuchern helfen könnte.

Betreibst du ein WordPress-Weblog, dann sende auf jeden Fall einen Track-/Pingback vom neuen auf den alten Beitrag: in meisten Fällen, sendet WordPress automatisch einen Pingback wenn du dich auf den alten Artikel beziehst. Aber manchmal "klemmt" das System und da muss man nachhelfen in dem man ein Trackback abschickt.

Der Leser des neuen Beitrags weiß dann, dass es einen älteren Beitrag zu dem Thema gibt und der Leser des alten Beitrages sieht in den Kommentaren den Pingback und weiß, dass es zu dem Thema auch einen aktuellen Beitrag gibt.

Mit dieser Maßnahme hilfst du sowohl dem Besucher als auch der Suchmaschine den Beitrag zu finden.

Achte bei der Verlinkung außerdem darauf, wichtige Keywords (Schlüsselbegriffe) direkt in den Linktext aufzunehmen. Hier ein sehr unglückliches Beispiel, welches man leider viel zu häufig sieht:

Um den neuen Artikel zum Thema Aktien vs. Bundesanleihen zu lesen, klicken Sie hier.

Viel besser ist folgendes:

Lesen Sie den neuen Artikel zum Thema Aktien vs. Bundesanleihen.

Diese Verlinkung ist für den Leser viel logischer und in punkto Suchmaschinenoptimierung ist es viel besser, da die Suchmaschinen es sehr hoch bewerten, wenn die relevanten Schlüsselwörter (Keywords) im Link-Text auftauchen. Allerdings solltest du hier, wie in allen Bereichen von SEO, maßvoll vorgehen. Wenn du hier nach dem Motto "viel hilft viel" handelst, dann könnte dich der Zorn der Tante Guugel erwischen.

Benennung von Dateien

Auch Dateien – sowohl Bilder als auch z. B. PDF-Dateien – kann man mit sprechenden Namen beglücken. Folgende Namen:

• wordpress-seminar.pdf
• max-mustermann.jpg
• wordpress-buch.png

sind auf jeden Fall leserlicher und aussagekräftiger als:

• neue-datei1.pdf
• bild123.jpg
• neues-bild.png

und zwar nicht nur für den Besucher, sondern auch für die Suchmaschinen. Bedenke, dass zumindest Google die PDF-Dateien indexiert und dass alle gängigen Suchmaschinen auch die Möglichkeit anbieten, nach Bildern (z. B. die Bilder-Suche von Google und Bing) zu suchen. Dafür sind aussagekräftige Namen sehr wichtig.

Das alt-Attribut bei den Bildern

Ich würde hier gerne einen kleinen zusätzlichen Hinweis bezüglich der Bilder abgeben. An vielen Stellen ist da etwas von einem "alt-Tag" zu lesen. Das ist einfach falsch! Es gibt weder in HTML noch in XHTML einen alt-Tag, es gibt lediglich ein alt-Attribut. So ist ein Bild-Element aufgebaut:

<img src="bild.png" alt="Ein Foto von mir" title="Meine Kumpels und ich feiern" />

Das ganze im oberen Beispiel ist ein (X)HTML-Element, img ist der Element-Name, alt und title sind Attribute (oder genauer gesagt Attributschlüssel, aber wir wollen ja hier nicht pingelig sein) und innerhalb der Anführungszeichen befinden sich die Attributwerte. Schematisch ist ein (X)HTML-Element folgendermaßen aufgebaut:

<Element-Name Attribut(-schlüssel)="Wert"> Inhalt des Elements</Element-Name>

<Element-Name Attribut="Wert"> ist hierbei der Start-Tag und </Element-Name> ist der End-Tag. Wobei zu erwähnen ist, dass manche Elemente – <br /> für Zeilenumbruch, <img /> für Bilder, <hr /> für die horizontale Trennlinie etc. – nur aus einem Tag bestehen.

title als Element und als Attribut

Es gibt übrigens neben dem title-Attribut (Tooltips beim Mouseover) auch einen title-Tag oder besser gesagt ein title-Element, dieser befindet sich im Kopfbereich (<head></head>) des Dokuments und sein Inhalt bildet den Seitentitel.

Dies alles nur am Rande, damit du beim nächsten Stammtisch mit tiefer gehendem Insider-Wissen glänzen kannst .

Übrigens: der geschätzte Webworker-Kollege Peter Kröner, hat zu diesem Thema unter Element, Tag, Attribut. Ein für allemal. eine schicke Zeichnung abgeliefert.

Und bevor ich es vergesse, der Inhalt bzw. der Wert des alt-Attributs ist sehr wichtig. Dieser erscheint, wenn das Bild aus diversen Gründen nicht geladen wird und bei "Programmen", die keine Bilder anzeigen können: Textbrowser, Screenreader und Suchmaschinen. Daher ist der Inhalt dieses Attributs sehr wichtig. Allerdings würde ich Ihnen nicht empfehlen, dort Kurzgeschichten unterzubringen oder mit Keywords zu spamen … das kann nach hinten losgehen. Ein kurzer, aussagekräftiger Satz über das Bild ist ausreichend.

Duplicate Content verhindern bzw. eindämmen

Unter Duplicate Content versteht man, wenn identischer Inhalt unter verschiedenen URLs erscheint. Das kann dann passieren, wenn man als Autor den gleichen Inhalt auf zwei verschiedenen Websites veröffentlicht, wenn jemand den Inhalt Ihrer Website klaut und als eigenen veröffentlicht oder auch einfach innerhalb des eigenen Weblogs.

Dies passiert in Weblogs und anderen dynamischen Websites sehr schnell. Zum Beispiel taucht ein Blog-Artikel sowohl auf der Startseite, als auch unter dem eigenen Permalink, als auch in weiteren Übersichten auf: Kategorie-Übersicht, Suchergebnisse etc.

Das Problem an der ganzen Sache ist: Wenn ein identischer Inhalt auf mehreren Adressen auftaucht, müssen die Suchmaschinen entscheiden, welche URL sie indizieren und welche Adressen sie als Dubletten ignorieren sollen. Daher könnte es unter Umständen sein, dass ein Artikel von Ihnen nicht unter seinem Permalink, sondern mit der URL der Kategorieübersicht indiziert wird.

Was kann man also gegen das Problem von Duplicate Content (DC) unternehmen? Hier gibt es mehrere unterschiedliche Vorgehensweisen. Zum einen steht dem WordPress-Nutzer eine Reihe von SEO-Plugins zur Verfügung, wie z. B. wpSEO oder izioSEO. Diese Plugins werden einmal konfiguriert und verrichten ihre Arbeit dann automatisch. Sie teilen u. a. den Suchmaschinen mit, welche URL eines Inhaltes die relevante Adresse ist.

Aufteilung des Artikels

Allerdings kann man auch mit ganz einfachen Mittel das Problem entschärfen. Speziell bei längeren Artikeln empfiehlt es sich, den Beitrag zu trennen und zwar in einen einleitenden Teil und den Rest. Auf den Übersichtsseiten wird lediglich der einleitende Teil gezeigt, zum Rest gelangt man durch das Anklicken des weiterlesen…-Links.

Mit dieser einfachen Maßnahme hast du zwei Sachen erreicht. Zum einen ist die DC-Problematik etwas entschärft – unterschiedlicher Inhalt auf den Übersichten und der Einzelansicht – und zum anderen kommt das den Lesern zu Gute wenn nicht der komplette Artikel von beispielsweise neun DIN-A4-Seiten in der Übersicht auftaucht.

Keine Indizierung der Archiv-Seiten

Eine weitere einfache Maßnahme kann man mit Hilfe von Conditional Tags erreichen. Hier der Code, welchen man im Kopfbereich (<head></head>) einfügen muss. In den allermeisten WordPress-Themes wäre dies in der header.php.

<?php
if (is_search() or is_archive()) {
  echo "<meta name=\"robots\" content=\"noindex, follow\" />\n";
}
?>

Befindet man sich auf einer Übersichtsseite – Kategorie-Übersicht oder Suchergebnis-Seite – dann wird folgender Angabe eingefügt:

<meta name="robots" content="noindex, follow" />

Das signalisiert den Suchmaschinen: "folge bitte allen Links auf dieser Seite, indiziere aber bitte nicht den Inhalt dieser Seite".

Das rel="canonical"

Der Wert canonical des Attributs rel ist ein Teil des link-Elements und wurde eingeführt um den Suchmaschinen zu signalisieren, welches die originale URL eines Inhaltes ist, z. B.:

<link rel="canonical" href="http://www.perun.net/2009/12/03/wordpress-duplicate-content-vermeiden/" />

Ab der Version 2.9 kennzeichnet WordPress alle Artikel in der Einzelansicht automatisch mit dem entsprechenden rel="canonical". Bis dahin musste man entweder Plugins oder folgende Konstrukte in der header.php bemühen:

<?php if ( is_singular() ) echo '<link rel="canonical" href="' . get_permalink() . '" />'; ?>

Komfortable Optimierung mit dem WordPress-Plugin wpSEO

Fall dir die SEO-Arbeit im Code bzw. an den Template-Dateien nicht zusagt oder du es einfach komfortabler haben möchtest dann kann ich dir das WordPress-Plugin wpSEO von Sergej Müller empfehlen. Keine Sorge, ich bekomme kein Geld von Sergej, dass ich sein Plugin hier erwähne.

Dieses Plugin ist nicht im offiziellen Verzeichnis hinterlegt, weil es kostenpflichtig ist und daher muss man es sich von der Plugin-Website herunterladen und das entpackte Paket nach /wp-content/plugins/ hochladen: entweder über das FTP-Programm oder über die WordPress-Funktion.

Kostenlos testen

Der Autor bietet die Möglichkeit, das Plugin zehn Tage lang kostenlos zu testen.

Auf der Optionen-Seite der Erweiterung (Einstellungen / wpSEO) hast du die Möglichkeit, sehr viele Einstellungen zu tätigen, unter anderem:

• den Aufbau des Seitentitels für Artikel, Seiten, Archive etc. steuern,
• die Seiten-Beschreibungen und Seiten-Keywords steuern,
• steuern, welche Seiten des Weblogs indiziert werden sollen und welche nicht, um so genannten Duplicate Content (identischer Inhalt auf mehreren URLs) zu verhindern
• und vieles mehr.

wpSEO: DC-Problematik lösen

Die Funktionalität des Plugins ist enorm und auf alle Punkte einzugehen, wäre zu viel des Guten, zumal es auf der Website des Autors unter Dokumentation eine sehr ausführliche Anleitung gibt.

Wer es gerne komplett kostenlos haben will, kann sich die kostenlose Version des Plugins All in One SEO Pack anschauen. Es handelt sich hierbei um ein Plugin, welches einen ähnlichen Funktionsumfang wie wpSEO zu bieten hat.

Wir im Web: Twitter – XING – FriendFeed – Webwork, WordPress und Internet – Webwork-Tools || Flattr

Feed enhanced by Better Feed from Ozh

Die zweite Art der Optimierung beschäftigt sich mit Maßnahmen jenseits der Website. Hierbei geht es hauptsächlich um die Erhöhung der Linkpopularität bzw. die Erhöhung der Anzahl der eingehenden Links.

Ich werde mich im in der folgenden zweiteiligen Artikelserie mit der On-Page-Optimierung beschäftigen und hierbei gilt für WordPress-Websites logischerweise das gleiche wie für andere Websites auch.

WordPress ist in Bezug auf SEO sehr gut aufgestellt. Folgendes Statement von Matt Cutts (Google) bestätigt dies:

WordPress takes care of 80-90 percent of (the mechanics of) Search Engine Optimization (SEO).

Aber auch, wenn WordPress in Bezug auf Suchmaschinen schon im Standardumfang das meiste richtig macht, so bleiben dennoch einige wichtige Aspekte, die man optimieren sollte. Einigen dieser Aspekte werde ich mich hier widmen.

Die "sprechenden" Permalinks

Standardmäßig ist die Funktion der "sprechenden" URLs deaktiviert. Die URLs zu den einzelnen Artikeln und Seiten sind folgendermaßen aufgebaut:

• www.wordpress-buch.de/?p=123
• www.wordpress-buch.de/?page_id=2

Ausschnitt: Vorauswahl an Permalink-Strukturen

Falls du dich für die sprechenden URLs entscheidest, dann hast du die Auswahl zwischen drei Voreinstellungen. Einem Permalink, der das Datum und den Namen des jeweiligen Artikels wiedergibt, einer Einstellung, die der ersten ähnelt, wobei aber nur der Monat und das Jahr ausgegeben werden und einer numerischen URL-Struktur:

• www.wordpress-buch.de/2009/12/14/artikel-name/
• www.wordpress-buch.de/2009/012/artikel-name/
• www.wordpress-buch.de/archives/123

Welchen Vorteil haben die "sprechenden" URLs?

Der erste und der wichtigste Vorteil dieser URLs liegt darin, dass der Mensch, also der Besucher der Website, mit solchen Adressen viel mehr anfangen kann als mit Adressen, die aus einer Nummernkombination bestehen.

Der andere Vorteil liegt in der Optimierung der Website für die Suchmaschinen. Dadurch, dass in der URL die Überschrift und somit die Keywords (Suchwörter) ausgegeben werden, kann die Suchmaschine solche Unterseiten besser "sortieren" und über kurz oder lang rentiert sich eine solche Permalink-Struktur durch eine bessere Positionierung in den Suchmaschinen: Dies ist für Weblogs genauso wie für "klassische" Websites von Interesse.

Du kannst den Aufbau der Permalink-Struktur in deiner WordPress-Installation aber auch ganz individuell gestalten. In der offiziellen Dokumentation findest du jede Menge Tags, mit denen du die Permalink-Struktur individualisieren kannst. Hier ein mögliches Beispiel: /%postname%/.

Dieser Permalink-Tag würde bewirken, dass in der URL lediglich der Name (Titel) der Seite bzw. des Blog-Artikels auftaucht, zum Beispiel:
www.wordpress-buch.de/ein-test-artikel/.

Technische Voraussetzungen

Um die Permalink-Struktur aus dem Admin-Bereich heraus zu aktualisieren, müsst du den Zugriff auf die .htaccess-Datei haben. Diese Datei muss sich im Hauptordner (wo üblicherweise auch die wp-config.php ist) von WordPress befinden.

Damit die Änderungen auch aktiv werden, muss die .htaccess-Datei beschreibbar (CHMOD 666) sein. Zusätzlich dazu muss das Apache-Modul mod_rewrite aktiv sein.

Welche Permalink-Struktur soll ich nehmen?

Auch wenn viele Kollegen mittlerweile die Permalinkstruktur auf das nötigste reduzieren, um noch den letzten SEO-Tropfen aus dem Projekt herauszuholen, bevorzuge ich in meinen neueren Projekten die Struktur, in der noch das Jahr und der Monat vorkommen (/%year%/%monthnum%/%postname%/). Bei all dem Optimierungswahn darf man die Besucher aus Fleisch und Blut nicht vergessen. Die Datumsangabe in der URL hilft sowohl bei der Orientierung innerhalb der Website als auch bei der Ausgabe der Suchergebnisse in Suchmaschinen, denn sie informiert über die Aktualität eines Artikels.

Datum als wichtiger faktor bei der Suche

Zum Thema Permalinks und Datum habe ich auf perun.net unter Die richtige Permalinkstruktur meine Meinung zu diesem Thema geäußert.

Den Seitentitel optimieren

Den Seitentitel zu optimieren ist eine sehr wichtige Maßnahme, wenn es darum geht, die Website für die Suchmaschinen zu optimieren und daneben hilft diese Maßnahme auch den Besuchern. Es wird sich immer wieder zeigen, dass sehr viele Maßnahmen in Bezug auf SEO auch in direkter oder indirekter Weise den Besuchern der Website zur Gute kommen.

Die Suchmaschinen bewerten im Seitentitel lediglich die ersten 60-65 Zeichen. Daher ist es wichtig, die Überschrift bzw. den Titel des einzelnen Blog-Artikels an den Anfang zu rücken, damit auch die relevanten Begriffe des Artikels auf jeden Fall in die Bewertung kommen.

Und wie erreicht man dieses Ergebnis? Eine Möglichkeit ist, sich mit einem Code-Editor zu bewaffnen und folgendes in der header.php einzufügen:

<?php if (is_home()) { ?>
  <title><?php bloginfo('name'); ?> - <?php bloginfo('description'); ?></title>
<?php } else { ?>
  <title><?php wp_title('|', true, 'right'); bloginfo('name'); ?></title>
<?php } ?>

Was bewirkt dieser Code? Dieser Code besteht aus einem if-else-Konstrukt. Es wird abgefragt, ob man sich auf der Startseite befindet. Wenn ja, dann wird der Name des Blogs (<?php bloginfo('name'); ?>) gefolgt von dem Blog-Slogan (<?php bloginfo('description'); ?>) angezeigt, hier die passende Abbildung:

Seitentitel der Startseite bestehend aus Blogtitel und Slogan

Befindet man sich allerdings nicht auf der Startseite, sondern auf einer Unterseite, soll zuerst der Titel (wp-title();), gefolgt von einem Trennzeichen und dem Blog-Titel erscheinen:

Seitentitel auf Unterseite bestehend aus dem Artikel- und dem Blogtitel

Durch die Anpassung des Seitentitels in der header.php wird der Seitentitel nach dem gleichen Prinzip auch auf anderen Unterseiten (Pages, Archiv etc.) so angezeigt, wie in den letzten beiden Abbildungen.

Seitentitel einer Kategorie-Übersicht

Kommen wir noch einmal kurz zu dem neuen Code, speziell dem in der Zeile 10: wp_title('»', true, 'right');. Der Template-Tag wp-title(); hat seit der Version 2.5 drei Parameter. Der erste ist für das Trennzeichen, der zweite Parameter bestimmt, ob der Titel ausgegeben wird und mit dem dritten Parameter positioniert man das Trennzeichen (rechts oder links vom Titel).

Die Überschriften und Zwischenüberschriften sinnvoll einsetzen

So wie man in einem Office-Dokument die einzelnen Bereiche durch Überschriften einleitet bzw. einen Text strukturiert, so kann und so sollte man es auch in einem (X)HTML-Dokument tun … und WordPress nutzt HTML-Dokumente. Es nimmt die Inhalte – Texte, Bilder, Links etc. – aus der Datenbank und generiert dynamisch eine (X)HTML-Seite.

Auswahl an Überschriften im WYSIWYG-Editor

Für die Überschriften sind in (X)HTML die Elemente h1-h6 zuständig. Wobei h1 die Überschrift mit höchster und h6 mit der niedrigsten Ordnung ist. Verwende die Überschriften semantisch richtig. Das heißt, du solltest eine bestimmte Überschrift genau dort verwenden, wo sie hingehört, also nicht h2 wählen, wo h3 richtig wäre, weil dir die große und fette Schrift von h2 gefällt.

(X)HTML ist entgegen anders lautender Gerüchte keine Programmiersprache (das ist z. B. C++), keine Seitenbeschreibungssprache (das ist z. B. PDF) und auch keine Textverarbeitung (dies versucht MS Word zu sein). (X)HTML ist eine Auszeichnungssprache: Sie zeichnen einzelne Bereiche aus und geben somit dem gesamten Dokument eine Struktur und dem Inhalt die Bedeutung. Wie das dann aussieht ist (X)HTML schnurz-piep-egal. Um das visuelle – Layout und Design – kümmert sich CSS. (X)HTML und CSS sind gute Teamplayer und erledigen ihre Bereiche sehr gut, daher ist es nicht sinnvoll, (X)HTML die Aufgaben von CSS zu übertragen.

Wenn dir also die Schriftgröße von h3 zu klein ist, zeichne bitte die entsprechende Überschrift nicht mit h2 aus. Lass h3 dort stehen und füge in der CSS-Datei z. B. folgendes ein: h3 {font-size: 120%;}.

Überschriften als Gliederungshilfe

Bei längeren Texten – egal ob in einem Blog-Beitrag oder auf einer Page (Seite) – ist es sinnvoll, den Text mit Zwischenüberschriften zu gliedern. Das hilft dem Leser und ist gut für die Suchmaschinenoptimierung.

Allerdings gilt es zu beachten, dass zum Beispiel das Standard-Theme ab WordPress 3.0 die Überschrift erster Ordnung (h1) bereits für die Überschriften der Blog-Artikel und als Überschrift der einzelnen Seiten "reserviert" hat". Somit stehen dir h2-h6 zur Verfügung, aber die fünf Arten von Überschriften sind mehr als ausreichend um den Inhalt eines Beitrages oder einer Seite logisch und hieararchisch zu strukturieren.

Diese Struktur kann allerdings von Theme zu Theme abweichen, daher lohnt es sich, in den Template-Dateien nachzusehen, welche Überschriften bereits "reserviert" sind.

Es gab vor knapp zwei Jahren Anzeichen dafür, dass Google den Überschriften zweiter und dritter Ordnung (h2 und h3) einen recht hohen Wert beigemessen hat und sie zum Teil besser abgeschnitten haben als die Überschrift erster Ordnung (h1). Was an sich nur logisch wäre, da man die h2 und h3 eher im relevanten Teil, als Zwischenüberschrift, des Inhaltes einsetzt.

Morgen geht es weiter mit dem zweiten Teil. Dort werde ich dann auf folgende Themen eingehen: die Benennung von Dateien, dem alt-Attribut, Duplicate Content und dem WordPress-Plugin wpSEO.

Wir im Web: Twitter – XING – FriendFeed – Webwork, WordPress und Internet – Webwork-Tools || Flattr

Feed enhanced by Better Feed from Ozh

Aber was tun, wenn man WordPress als "reines" CMS ohne Blog-Funktion betreibt und trotzdem einen Newsletter versenden möchte? Die beiden oben genannten Plugins zielen nämlich darauf ab, die letzten Postings bzw. Artikel als Newsletter zu versenden.

Wenn man also einen statischen Webauftritt mit WordPress betreibt und ein Plugin mit Double Opt-in-Funktion haben möchte, sei an dieser Stelle auf das Plugin Newsletter hingewiesen. Hinter diesem schlichten und vor allen Dingen treffenden Namen verbirgt sich ein Newsletter-Plugin, dass in seiner Individualisierbarkeit kaum übertroffen werden kann.

Nach der Installation hat das Plugin einen eigenen Menüpunkt (Newsletter) mit mehreren Unterpunkten und so beginnt das große Konfigurieren:

Einstellungen

Damit alles wie gewünscht funktioniert müssen im Bereich Subscription einige Textfelder gefüllt werden.

Absender (Sender)

Im obersten Abschnitt müssen die Angaben für den Absender gemacht werden: E-Mail-Adresse und Name, der bei den Abonnenten als Absender erscheint. Außerdem muss hier angegeben werden, auf welcher Seite das Newsletter-Skript eingebaut ist. Der Einbau selber erfolgt einfach, indem man Shortcode [newsletter] auf einer Seite als Text veröffentlicht. Das kann eine separate Seite sein, aber auch auf einer bereits bestehenden, die anderen Inhalt (Kontaktformular o. ä.) enthält. Als untersten Punkt kann man hier aus einer Drop-Down-Liste auswählen welches Template – falls man eigene kreiert hat – man für die E-Mails verwenden möchte.

Anmelden (Subscription)

In diesem Bereich können zum einen auswählen, ob die Abonnenten E-Mail und Name beim Anmelden angeben sollen, oder ob lediglich die Angabe einer E-Mail-Adresse reicht (Häkchen machen). Im oberen Textfeld können Sie nun einen Text eingeben, der auf der Anmelden-Seite über dem Formular zum Anmelden erscheint. Im unteren Textfeld geben Sie eine Nachricht ein, die erscheint nachdem ein Besucher seine Daten angegeben hat. In der Regel sollte hier auch die Information erfolgen, dass die Anmeldung zum Newsletter noch bestätigt werden muss.

In den Textboxen können zudem verschiedene Variablen eingesetzt werden, z. B. {name}, um die Nachrichten etwas zu personalisieren.

Bestätigung (Confirmation)

Im nächsten Bereich können Sie festlegen, ob die Funktion double opt-in aktiviert sein soll. Gemeint ist damit, dass der Abonnent seine Anmeldung zum Newsletter mit einem zweiten Klick bestätigen muss, damit diese wirksam wird. Mehr zu diesem Verfahren kann man auch bei Wikipedia: Optin-in erfahren.

In dem Textfeld dieses Abschnittes können Sie einen Text verfassen, der dem Abonnenten erläutert, dass er die Anmeldung mit einem Klick auf den Link bestätigen muss.

Willkommen (Welcome)

Dieser Abschnitt enthält drei Textfelder. Als erstes die Willkommensnachricht, die auf der Seite erscheint bei einer erfolgreichen Anmeldung bzw. der Bestätigung einer Anmeldung, als zweites ein Textfeld, das nur interessant ist, wenn man das kostenpflichtige Plugin Newsletter Extras installiert hat. Für den normalen Gebrauch des hier beschriebenen Plugins ist es nicht von Bedeutung. Das dritte Textfeld enthält den Text für die Willkommens-E-Mail und sollte gleich – der Höflichkeit wegen – einen Link zum Abmelden des Newsletters enthalten {unsubscription_url}.

Abmelden (Unsubscription)

In diesem Abschnitt geht es um das Abmelden vom Newsletter. In das oberste Textfeld gehört der Text zum Abmelden von dem Newsletter, in das mittlere Feld eine Bestätigung der Abmeldung und im untersten Feld der Abschiedstext für die E-Mail an den ehemaligen Abonnenten. Vielleicht auch direkt mit einem Link zum erneuten Anmelden.

Fortgeschrittene (Advanced)

Am Ende dieser Seite findet sich noch eine einfache Eingabe für das Deaktivieren des Visuellen Editors. Benutzer, die sich mit HTML auskennen können diesen deaktivieren und die Texte in einfachen Texteditor-Feldern verfassen.

Speichern, speichern, speichern

Unter jedem der oben beschriebenen Abschnitte befindet sich übrigens ein "Speichern"-Button. Wenn man also Änderungen vornimmt, sollte man das Speichern nicht vergessen.

Den Newsletter verfassen

Nun kann es also endlich losgehen. Im Untermenü Composer findet man das Textfeld, in das man den eigentlichen Inhalt des Newsletters eingibt. Der Clou hierbei ist die Auswahl des Themes. Wählt man "Blank", also "leer", so kann man einen komplett eigenen Text verfassen und dann als Newsletter verschicken. Wählt man hingegen "Default" oder "With Picture", so werden auch hier automatisch die letzten Artikel in den Newsletter eingefügt. Diese kann man anschließend jedoch auch noch mit eigenem Text ergänzen.

Am Ende eines Newsletters sollte übrigens nie der Hinweis mit dem Link zum Abmelden fehlen.

Auf der gleichen Seite (weiter unten) befinden sich zudem Textfelder für E-Mail-Adressen, die Test-Newsletter erhalten. Das ist sehr interessant wenn man am Anfang mit dem Newsletter herum experimentiert. So kann man diese Test-Mails gleich an mehrere Empfänger schicken, um eine bessere Resonanz zu erhalten.

Die Abonnenten

Zu einem Newsletter-Plugin gehört selbstverständlich auch die Verwaltung der Abonnenten. Dies geschieht hier über den Menüpunkt Subscribers, auf der alle Abonnenten aufgelistet werden. Achtung: eine Auflistung erfolgt erst, wenn Sie kein Suchkriterium eingeben und dann auf den Button "Search" klicken.

Bei den Menüpunkten Import und Export können Sie alle Abonnenten importieren bzw. exportieren, um die Liste aus bzw. in anderen Anwendungen nutzen zu können.

Galerie

Wir im Web: Twitter – XING – FriendFeed – Webwork, WordPress und Internet – Webwork-Tools || Flattr

Feed enhanced by Better Feed from Ozh

Folgende Möglichkeiten stehen dabei u. a. zur Verfügung:

Sortierung nach ID des Bildes, aufsteigend (ascending) oder absteigend (descending)

[gallery include= "134, 71, 116" orderby="ID" order="ASC"]
[gallery include= "134, 71, 116" orderby="ID" order="DESC"]

Sortierung nach Name des Bildes, aufsteigend (ascending) oder absteigend (descending)

[gallery include= "134, 71, 116" orderby="title" order="asc"]
[gallery include= "134, 71, 116" orderby="title" order="desc"]

Zufällige (random) Ausgabe

[gallery include= "134, 71, 116" orderby="rand"]

Wir im Web: Twitter – XING – FriendFeed – Webwork, WordPress und Internet – Webwork-Tools || Flattr

Feed enhanced by Better Feed from Ozh

Dafür ergänzt man den Shortcode der Galerie () umd die ID des Artikels, in dem sich die Galerie befindet. Die ID erfährt man, wenn man in der Artikelübersicht (Artikel / Bearbeiten) mit der Maus über den Titel eines Artikels fährt.

Den folgenden Shortcode müsste man dann in einen Artikel einfügen, um die Galerie aus dem Artikel mit der ID 454 anzeigen zu lassen:

[gallery id="454"]

Wir im Web: Twitter – XING – FriendFeed – Webwork, WordPress und Internet – Webwork-Tools || Flattr

Feed enhanced by Better Feed from Ozh

ID eines Bildes

include-Methode

Jedes in WordPress hochgeladene Bild verfügt über eine eigene ID. Diese erfährt man, wenn man in der Mediathek mit der Maus über das Bild fährt. Die ID wird dann als Teil der URL in der Statusleiste angezeigt.

Hat man die IDs der gewünschten Bilder, so muss man im Artikel den Galerie-Shortcode einfügen und um die Angabe der IDs der Bilder ergänzen. Mit den Ergänzungen legt man fest, welche Bilder in einer Galerie enthalten (include) sein sollen. Als Parameter müssen die IDs der Bilder angegeben werden.

[gallery include="468, 469, 470, 480, 481, 482, 483, 484, 485"]

Achtung

Standardmäßig sind Bilder einer Galerie auf eine Anhang-Seite verlinkt. Wenn man die include-Methode verwendet, ohne dass die Bilder an einer anderen Stelle einem Artikel "zugeordnet" sind, so läuft diese Verlinkung ins Leere. Man muss in dem Fall die Verlinkung auf die Bilddatei vornehmen und ihren Shortcode um die Anweisung link="file" ergänzen.

Werden die Bilder schon an anderer Stelle verwendet, so führt die Standard-Verlinkung zur dortigen Bild-Seite. Die Ergänzung link="file" wird sich also in den meisten Fällen anbieten, da man eine Verlinkung auf den anderen Artikel wahrscheinlich nicht möchte.

Bild verwenden/zuordnen

Verwenden-Methode

In der Mediathek erscheint in der Spalte "Verwendet in" der Hinweis "nicht eingebunden", falls ein Bild über die Mediathek hochgeladen wurde, aber noch in keinem Artikel eingebunden wurde. Über den Link Verwenden kann man eine Zuordnung vornehmen, so dass die gewünschten Bilder Teil einer Galerie werden können.

Durch einen Klick auf den Link Verwenden öffnet sich ein Fenster mit einem Suchen-Feld. Dort gibt man den Namen des Artikels ein, dem man das Bild zuordnen möchte und klickt dann auf den Button Suchen. Im Feld darunter wird nun die gesuchte Seite aufgelistet. Die gewünschte auswählen und dann auf -Wähle- klicken.

Hat man so mehrere Bilder einem Artikel zugeordnet, kann man in den Bearbeitungsmodus des Artikels wechseln. Im Galerie-Reiter erscheinen nun alle zugeordneten Bilder, so dass man die Galerie einfügen kann.

Wir im Web: Twitter – XING – FriendFeed – Webwork, WordPress und Internet – Webwork-Tools || Flattr

Feed enhanced by Better Feed from Ozh

Wer sich weitere Informationen wünscht, der kann seit 1-2 Tagen das komplette Buch auf Amazon.de durchsuchen *. Somit kann man noch besser erkennen ob das Buch für einen geeignet ist.

* = Amazon-Partnerlink

Wir im Web: Twitter – XING – FriendFeed – Webwork, WordPress und Internet – Webwork-Tools || Flattr

Feed enhanced by Better Feed from Ozh

Auf insgesamt 480 Seiten wird Wissen in fast allen Niveaustufen vermittelt. Während der erste Teil des Buches allgemeines zum Bloggen und WordPress vermittelt und somit auch für (ambitionierte) Einsteiger und Umsteiger geeignet ist, wird in Teil 2 und 3 "unter die Haube" von WordPress geschaut, vor allem was Themes angeht und bietet so den Einstieg in die individuelle Anpassung seines Blogs bzw. CMS, denn auch der Anwendung von WordPress als "klassisches" CMS werden Kapitel gewidmet.
WordPress-Deutschland.org

Die zweite Rezension stammt von von Torsten Schmidt:

Für 29,95 Euro bekommt ihr ein Buch zum Thema WordPress für Einsteiger und für fortgeschrittene Anwender, das aus meiner Sicht in das Regal eines jeden WordPress Benutzers gehört. Es ist verständlich geschrieben und bietet jede Menge an sinnvollen Beispielen, Links und anschaulichen Screenshots.
NETZ-ONLINE

Wir im Web: Twitter – XING – FriendFeed – Webwork, WordPress und Internet – Webwork-Tools || Flattr

Feed enhanced by Better Feed from Ozh

Seit dem hat sich allerdings einiges in WordPress getan und so wurde auch dieses Formular verändert bzw. ergänzt. Hier also eine aktualisierte Erläuterung der Eingabefelder:

Ein Bild beschriften

Titel

Der Titel wird für das title-Tag verwendet. Der Text, der erscheint, wenn man den Mauscursor über das Bild hält (auch bekannt als "Tooltip"). WordPress nimmt hier beim Hochladen eines Bildes den Dateinamen, oft empfiehlt es sich aber diesen anzupassen.

Beschreibung

Die Beschreibung wird für das alt-Attribut verwendet. Der Text erscheint, wenn das Bild nicht geladen werden kann.

Beschriftung

Die Beschriftung wird von WordPress für die Bildunterschrift ("Caption") verwendet.

Beschreibung

Die Beschreibung ist relevant falls man eine Galerie einfügen möchte oder die Option Artikel-URL bei der Verlinkung auswählt. Jedes (Galerie-)Bild erhält dann eine eigene Seite und auf dieser erscheint dann auch der Text.

URL

Hier bestimmt man, ob man das eingefügte Bild verlinken möchte und falls ja, wohin der Link führen soll. Zur Auswahl hat man deswegen: "Keine" (Das Bild ist nicht verlinkt.), "Datei-URL" (Das Bild wird mit seinem Original verlinkt.) und "Artikel-URL" (Das Bild verlinkt auf einen eigenen Artikel, in dem die Beschreibung zu sehen ist.). Selbstverständlich hat man aber auch die Möglichkeit eine eigene URL anzugeben.

Ausrichtung

An dieser Stelle legt man die Ausrichtung des Bildes innerhalb des Artikels fest: keine (resultiert als "mit dem Text"), links, zentriert oder rechts.

Größe

Hier kann man festlegen in welcher Größe, dass hochgeladene Bild im Artikel erscheinen soll. Welche Größen sich hinter den Bezeichnungen "Vorschaubild" "Mittelgroß" und "Groß" verbergen, kann man unter Einstellungen / Mediathek festlegen.

Hinweis

Ist das hochgeladene Bild kleiner als die angegebenen Größen, so wird nur die Größe "Vollständige Größe" angezeigt.

Wir im Web: Twitter – XING – FriendFeed – Webwork, WordPress und Internet – Webwork-Tools || Flattr

Feed enhanced by Better Feed from Ozh

• Inhaltsverzeichnis (pdf, 683 kbyte)
• Vorwort und Einleitung (pdf, 694 kbyte)
• Kapitel 2 (pdf, 902 kbyte)
• Stichwortverzeichnis (pdf, 560 kbyte)

* = Amazon-Partnerlink

Wir im Web: Twitter – XING – FriendFeed – Webwork, WordPress und Internet – Webwork-Tools || Flattr

Feed enhanced by Better Feed from Ozh

Das Buch ist mit der Zeit um einiges umfangreicher geworden. Die 1. Auflage hatte 384 Seiten, die 2. Auflage schon 448 Seiten und die 3. Auflage hat 480 Seiten. Obwohl wir an vielen Stellen Inhalte gestrichen und stark komprimiert haben, sind in der 3. Auflage dennoch mehr als 30 Seiten hinzugekommen.

Das hat zwei Gründe. Zum einen ist auch die interne Funktionalität von WordPress gewachsen und zum anderen ist ein komplettes Kapitel "Tipps & Tricks" hinzugekommen. In diesem Kapitel widmen wir uns dem Thema Sicherheit, Performance-Optimierung, SEO, wie man mit WordPress umzieht u. v. m.

Auch wenn Amazon.de das Buch als noch nicht erschienen einstuft, ist das Buch dennoch schon im Handel verfügbar. Amazon braucht ein paar Tage länger bis man dort den Status geändert hat. Die Giganten bewegen sich halt etwas langsamer.

* = Amazon-Partnerlink

Wir im Web: Twitter – XING – FriendFeed – Webwork, WordPress und Internet – Webwork-Tools || Flattr

Feed enhanced by Better Feed from Ozh