Wenn du in den Zeitungen und Magazine liest, dann siehst Du unterhalb der »Headline« einen beschreibenden Untertitel. Leider ist diese Funktion in WordPress »noch« nicht integriert. Die richtige Vorgehensweise zur Einbindung in Dein WordPress-Theme beschreibe ich Dir in diesem Artikel.
Mit der »richtigen« Integration in deinem WordPress-Theme, kannst in der so wichtigen Überschrift weitere Keywords einfügen und somit auch etwas für die Suchmaschinenoptimierung tun. Der Einbau ist ganz einfach.
Natürlich kannst Du die Untertitel auch auf manuelle Weise einfügen. Doch nicht jeder kennt sich mit Quellcode und WordPress aus. deshalb empfehle ich für WordPress-Nutzer das Plug-In »SubHeading« zu nutzen. Es ist einfach zu installieren und nur mit nur wenigen Schritten kannst Du ebenso professionelle Untertitel nutzen, wie in den Zeitungen und Magazinen.
Untertitel integrieren
Es reicht folgende Schritte durchzuführen:
- Plug-In herunterladen und installieren
- Aktivieren des Plug-Ins und die Einstellungen des Plug-Ins anpassen. Die Optionen-Seite findest Du nicht unter dem Menüpunkt »Einstellungen« sondern im Reiter »Plug-Ins«. Wichtig ist hier der letzte Punkt. «Automatically append before the content« bitte nicht aktivieren.
WordPress Plug-In ‚SubHeading‘: Einstellungen
Platziere nun folgenden Code in das Template, wo es erscheinen soll. (Im Artikel und/oder auf der Seite)
<?php if (function_exists('the_subheading')) { the_subheading('<p>', '</p>'); } ?>Bei vielen WordPress-Themes ist die »single.php« für die Artikelanzeige verantwortlich. In anderen WordPress-Themes gibt es zwar eine »single.php«, deren Funktion aber die »content-single.php« respektive die »content-page.php« bei WordPress-Seiten übernimmt.
Beispielintegration von Untertiteln im Quellcode
Zur Veranschaulichung:
<h1 class="entry-title"><?php the_title(); ?><?php if (function_exists('the_subheading')) { the_subheading('<p>', '</p>'); ?></h1>Du kannst noch weitere HTML-Tags und Klassen einbinden, so dass Du die Untertitel direkt mit CSS ansprechen kannst.
<h1 class="entry-title"><?php the_title(); ?><?php if (function_exists('the_subheading')) { the_subheading('<em class="hcf-overline">', '</em>'); } ?></h1>Wie Du siehst, habe ich die klasse »hcf-overline« vergeben. In der Style-Sheet-Datei des Themes fügst Du im Bereich der generellen Struktur beispielhaft folgenden Code ein:
CSS
.entry-header h1.entry-title em.hcf-overline {
color: #999!important;
display: block!important;
font-size: 0.7em!important;
font-style: inherit !important;
font-weight: normal!important;
height: auto !important;
margin: 0;
text-transform: uppercase;
width: 100%;
}Dadurch, dass Du die manuelle Integration des Code-Snippets gewählt hast, ist es Dir möglich, selbst zu entscheiden, wo die Untertitel erscheinen sollen. Nebenbei bemerkt: In meinem Beispiel verwendete ich die h1-Überschrift zur Veranschaulichung. Natürlich kannst Du diesen Code auch in der H2-Überschrift verwenden. Wie Du möchtest. Dann musst Du nur das CSS dementsprechend anpassen.
Im Adminbereich von WordPress beim Erstellen eines Textes
Wie denkst Du über diese Funktion. Ist sie nur »Schnick-Schack«? Oder verwendest Du eine andere Möglichkeit für Untertitel in WordPress? Schreibe mir Deine Meinung. Sie interessiert mich sehr.
Also wenn man sowieso den Quellcode anpacken muss, was dennoch nicht viele können, und das Plugin einem da auch nicht wirklich hilft, kann man den Text, statt den PHP Codes auch gleich an die Stelle einfügen ;)
Hallo Nadine,
es geht bei dieser Funktion um den Automatismus und die Bequemlichkeit im WordPress-Editor, den Untertitel gleich mit anzugeben.
Du kannst natürlich den Automatismus des Plugins auswählen und Du musst nicht in den Templates Code einfügen, doch manchmal ist es besser, die Kontrolle darüber zu haben, wo ich einen Untertitel möchte.
Bei diesem WordPress–Theme, welches ich benutze, gibt es welche, die in der Featured-Sidebar keine Untertitel haben möchten.
Bei der automatischen Einstellung würden sie aber angezeigt werden. Deshalb der Rat, wenn möglich, oder gewollt, den Code für den Untertitel manuell in den Templates einfügen.
Außerdem lässt sich leichter der Untertitel durch die zusätzliche CSS-Klasse besser konfigurieren.
Natürlich bleibt es Dir überlassen, was Du machst. :)
LG Timm
Hallo Timm, wieder ein super Tipp.
Vielen Dank dafür.
Ich überlegen schon länger, bei mir Subtitel einzuführen, nur so richtig umgesetzt habe ich es nicht.
Zumindest liegt es jetzt nicht mehr am ‚gewusst wie‘.
Hi Timm, ich habe dann doch direkt mal angefangen.
Meine content-single.php schaut aus wie folgt:
Nur leider ist die Stelle im WP Editor nicht beschreibbar.
Da taucht nur die Stelle SubHeading auf, nur lässt sich dort nichts eintragen.
Hast du hierzu eine Idee bitte?
Hallo Frank,
Du hast 2x den h1-Tag. Da kann es nicht funktionieren.
Du musst den Code in den H1-Tag integrieren. Setzte den Code hinter den Titel, wie im folgenden Code abgebildet.
Dann funktioniert alles einwandfrei.
LG Timm
Hi Timm, vielen Dank.
Nur das erklärt noch nicht (oder doch), warum im WP Editor das Eingabefeld des SubHeaders nicht korrekt funktioniert. Es wird zwar eingeblendet – aber es lässt sich da nichts eingeben.
Denn der Code hier ist doch nur für die Anzeige im Blog zuständig – und nicht für die korrekte Funktion des Plugin.
Ich habe das Plugin auch auf mehreren Blogs von mir getestet; überall das Gleiche.
Hallo Frank, entschuldige bitte, das es etwas mit der Antwort dauerte.
Doch. Wenn du 2 H1-Tags integrierst, kommt das Script durcheinander. Du kannst mal die automatische Version probieren und ann kannst Du mit Firbug sehen, welche Tags dem Untertitel zugeordnet wird.
Ich habe den Subheader in den H1-Tag integriert, weil ich so in der wichtigen Überschrift Keywords für die Google-Suche integriren kann. Trotz der der ersten 70 Zeichen die beim Titel wichtig sind, »liest« Google die gesamte Überschrift… oder?
LG Timm
Hallo Timm,
wieder ein guter Tipp,klasse erklärt.
Ob das gut für Suchmaschinenoptimierung sein sollte weiss ich nicht,überoptimierung ist auch nicht gut.
Wieviel Plugins gesamt hast Du den? 71q | 1,286s buu schwer.
Hab im moment 36 / 0,426 / 33.95mb ist schon viel.
Am Wochenende hab weiter an meinem Hack gebastelt mit Theme Yoko
erreiche die werten 0/0.2MB/0.00027 sec,muss bisschen noch weiter testen
privatetests.you-big-blog.com guck footer
MfG
Hallo Viktor, vielen Dank für Dein positives Feedback. Ich versuche soviel wie mölich und dennoch nur so viel wie nötig zu optimieren. Wie Du schreibst, ist Überoptmierung nicht gut und wird auch von Google nicht »hoch angesehen«. Außerdem widerspricht die optimale Googleseite dem, was der normale Leser vorfinden möchte.
Nur Text ohne Bilder (Die Aussage ist jetzt drastisch reduziert) ist für den normalen Leser langweilig und für die Augen viel zu anstrengend.
In mir ist trotzdem der Anreiz geweckt, es so gut wie möglich zu machen. Das ist in mir irgendwie drin. Auch wenn nicht alles klappt, so möchte ich mir nicht vorwerfen lassen, es nicht zumindest versucht zu haben.
Anhand meiner gesammelten Erfahrungen kann ich meine Projekten noch besser abstimmen und den Lesern eine hoffentlich schöne, schnelle und interessante Webseite anbieten.
Du hast doch auch ein neues Design verwenden wollen. Was ist daraus geworden?
LG Timm
Hallo Timm,
ein neues Design muss vorerst warten, Theme Yoko ist Ok,aber entschpricht meinen bedürfnissen nicht.
Möchte auch nicht wie eine Mille webs gleich haben,gewisse etwas soll schon sein.
Sonst wird langweilich,
MfG
Hallo Viktor,
welche Bedürfnisse hast Du denn, die Yoko nicht erfüllen kannn?
LG Timm
Hab noch nicht für Theme Yoko das Optische im Design gefunden,das was meinen bedürfnissen nicht entschpricht.Bisschen weiter experimentieren vielleicht klappt es.
Ansonst Yoko ist eine der bessten aus reie kostenlose Themen für Wp,was ich letzte zeit getestet habe.
MfG
Das Yoko eines der besten Themes wird auch dadurch estätigt, das es inzwischen in den Standard-Designs von WordPress.com zu finden ist.
Das Basteln an diesem Theme macht auch viel Spaß. Ich hatte vorher mit diesem Theme meine Blogs aufgesetzt. Doch jetzt wollte ich die mobile Entwicklung nicht verschlafen und habe deshalb jetzt ein WordPress-Theme, was nach dem Prinzip »mobile-first« entwickelt worden ist.
LG Timm
Hallo.
Ich hatte über Peers Blog schon von SubHeading gelesen. Aber eben aus SEO Gründen hatte ich das nie eingesetzt.
Grundsätzlich finde ich es schöner, wenn der Leser nach der Überschrift durch eine zweite Headline die wesentlichen Punkte des Artikels gleich serviert bekommt.
Und da Google ja wohl den h Tag als wichtig erachtet und daraus ziemlich viel über den Inhalt zieht müßte man ja da dann nochmal alles vollstopfen.
Als Alternative hatte ich es mal so gemacht wie sie es auf appgefahren machen: Den Anfang des Textes – sozusagen die Einleitung – fett markiert und da kommt quasis schon das Fazit rein. Fand ich schön, ich hatte nur leider den Eindruck, daß Google das nicht so schön fand. :)
Gruß, Max
Hallo Max, irgendwie verstehe ich gerade deinen Einwand nicht. Du kannst doch bei »subheading« genau das tun tun was Du möchtest.
So wie es auf »appgefahren« gemacht wird könntest du auch mit diesem Plugin machen. Dazu musst du nur dem »subheading« eine eigene Klasse geben, stylen und den Funktionscode an der entsprechenden Stelle im Quellcode einfügen.
Was Du noch machen kannst ist, den kurzen Auszug, den Du beim Erstellen des Artikels schreiben kannst im Artikel anzeigen lassen. gut beschrieben findest du das bei Vladimir.
http://www.perun.net/2012/05/17/wordpress-individueller-auszug-vor-dem-artikel/
Was Google dazu sagt – ehrlich gesagt keine Ahnung. Nur vor zu viel Fettdruck solltest Du Rücksicht nehmen, denn Google könnte es falsch deuten…
LG Timm
Hallo Timm,
da hast Du komplett selbst ein weitere Grung für mein abwarten mit Yoko geantwortet.
Yoko ist ja bei WordPress.com zu finden ist ,aber dem Prinzip »mobile-first« ist nicht entwickelt,
und es wird dran nichts mehr entwickelt.
Also warum tauschen?
Hallo Viktor, Das Theme läuf auf jedem Mobilphone einwandfrei. Es gibt keinen Grund, dieses WordPress-Theme nicht zu nutzen.
Elma schreibt dazu:
Also nur die Richtung der Entwicklung ist anders. die Qualität die gleiche. :)
LG Timm
Hallo, Timm.
Ich habe ja eben genau davor »Angst« das Google eben das ganze Fettgedruckte dann in den falschen Hals bekommt. Meine zwischenzeitliche Idee war mal, einfach einen etwas dickeren Schriftschnitt zu nehmen, aber das ging auch nicht.
Ich werde mir deinen Link nochmal anschauen und Sub-Heading auf einem anderen Blog einfach mal testen. Wenn Google damit klarkommt, dann kommt auch auf die Hauptseite. :)
Gruß, Max
Hallo Max, SuBHeading ist schon eine gute Sache. Wenn Du es im H1-Tag unterbringst, kannst Du SEOtechnisch noch gewinnen. :)
Schreibe mir ruhig Deine Erfahrungen.
LG Timm
Hallo, Timm.
Ich werds auf dem anderen Blog mal ausprobieren und dann mal schauen, ob es gut oder schlecht funktioniert. :) Wie geschrieben, ich mag ja diese Unterüberschriften, aber ich hatte bei meinem kurzen Test halt das Gefühl, daß Google es nicht so mag. Da hatte ich allerdings auch Bold benutzt und nicht den h2 Tag.
Ich geb dem ganzen mal 1-2 Monate Zeit und schau dann wie es sich entwickelt. Danke jedenfalls für die Erinnerung an Sub Heading. :)
Gruß, Max
Hallo Max, ich bin da sehr zuversichtlich, das es sich positiv auswirkt. Wie auch immer, ich wünsche Dir viel Glück dabei.
LG Timm
Pingback: Untertitel bei Artikeln » Delijo
Aloha!
Toller Artikel, der mich doch glatt zu einem eigenen Artikel inspiriert hat.
Zwei Fragen habe ich die aber nichts mit dem aktuellen Artikel zu tun haben. Ich haoffe das ist Ok.
1. Wie hast du das gelöst das man hier seinen letzten Artikel verlinken kann? Ich denke das ist CommentLuv. Hatte ich auch mal im Einsatz, zickte aber nur rum. Funktioniert das nun vernünftig oder hast du damit Probleme?
2. Was sind das für putzige Orden neben den Namen der Kommentierenden?
Hallo Luigi,
es freut mich, das ich dich mit meinem Artikel inspirieren konnte. Ich habe gerade Dein Blog gesehen und ich muss schon, sagen, das Design gefällt mir wirklich gut.
Zu Deinen Fragen:
Damit Du hier Deine letzten Artikel verlinken kannst brauchst Du das Plugin »Commentluv« und bei mir läuft es ohne Probleme. :)
http://netzblogging.de/commentluv-kommentarbereich-deines-wordpress-blogs-optimieren/1755/
Probiere es doch einfach aus, mal sehen, was passiert. :)
Die Orden bekommen die Leser, die bei mir viel kommentieren. Die Anzahl der Orden ist Abhängig von der Anzahl der Kommentare. Gelöst habe ich das mit dem Plugin »Top-Commenters«.
LG Timm
Ich habe das Plugin Subheading bei mir wieder aktiviert und eingebaut mit dem folgenden Code
in der single.php und und der content.php sind es h3 Überschriften statt h2.
In der Style.css sorgt der folgende Code für die Darstellung
Prima, da wurde die Hälfte des Codes raus interpretiert. Ich liebe es!
und dann
In der »content.php« aktualisierst Du die Zeilen zu:
(Bei der Permalinkangabe bitte die Leerzeichen entfernen. Ich musste es so machen, weil sonst mein Kommentar-Feed nicht mehr valide ist…)
Im Stylesheet fügst Du nun den folgenden Code ein.
Die zweite Variante kannst du dann in der »search.php«, »content-featured.php« sowie in den Dateien für die Post-Formate anwenden.
So sollte es klappen.
LG Timm
Ne, dr Code steht in der content-single.php ;)
Habe den bei mir aber anders eingebunden als wie du. Nicht mit in die Tags der ersten Überschrift sondern habe dem Subtitel eigene h2 bzw.h3 tags spendiert. Kombiniert mit class=«subheading«
Hallo Luigi, sorry, dass ich erst jetzt auf Deinen Kommentar reagieren kann. Ich finde es sehr schön, das es jetzt bei Dir funktioniert. Übrigens, Deine Webseite gefällt mir sehr und ich habe mich etwas inspirieren lassen. :)
Schade, dass Du jetzt »dicke Füsse« hast. Geht es Dir jetzt besser?
LG Timm
Hast du es mal so ausprobiert, wie ich vorschlug? So funktioniert alles einwandfrei. Und da google bei der H-Hierarchie auch ein Auge drauf wirft, so ist es gut, wenn du nur ein mal H1- und nur 1x H2-Überschriften hast.
LG Timm
Guten Morgen!
Ich habe nur einmal H1 oder H2 Überschriften. Darum habe ich ja unterschiedlichen Code in den Template-Dateien. Und es funktioniert reibungslos.
Moin!
Meinen Füßen geht es wieder viel besser. Ein weiterer Artikel darüber ist schon geschrieben. Mit der Veröffentlichung muss ich noch warten, weil ich für ein paar Bilder noch das Ok diverser Websites abwarten muss ;)
Guten Morgen, das ist schön, dass Dir wieder besser geht. Ist doch blöd, wenn Du ein Blog über das Laufen hast und dann selber nicht mehr aktiv dabei sein kannst. Ich bin schon gespannt auf Deinen »bebilderten« Artikel.
LG Timm
Ach, halb so schlimm. Nächste Woche Donnerstag schaut morgens der Orthopäde drüber und nachmittags bin ich endlich wieder im Wald. So ist wenigstens der Plan.
Pünktlich, wenn die Pilze wieder sprießen, bist Du wieder fit. :) Ich freue mich auch schon auf das Laufen im Herbst. In den frühen Morgenstunden ist alles so schön ruhig und nebelig. Dabei den Reiher beim Jagen zu beobachten macht auch Spaß und wenn Dir der Fuchs »Guten Morgen« sagt, dann fängt der Tag gut an. :)
Ich drücke Dir alle Daumen, das der Orthopäde grünes Licht geben kann.
LG Timm
Hi,
Tolle Redesign hier aufs Timm‘s NetzBlogging , hast Du paar Freunden auch mitgeholfen Timm?
Wurde auch so gern wieder Laufen können.
Hallo Viktor, wie meinst Du das mit dem »Laufen«?
LG Timm
Wer sich zutraut, im Code zu basteln und das Plugin sparen möchte, sollte mal bei Tanja vorbeischauen: http://www.officetrend.de/2532/untertitel-fuer-die-wordpress-artikel-und-rss-feeds-subtitle-ohne-plugin/
Hallo Marcus,
vielen Dank für Deinen Hinweis. Mit der Variation, die ich hier vorstellte ist der »Untertitel« auch im Titel vorhanden. Aber natürlich kannst Du das Script an anderer Stelle einsetzen.
Dieses Plugin ist für Leute gedacht, die sich nicht mit Templates herumschlagen können oder wollen.
Tanjas Ansatz finde ich auch gut und mal sehen, ob ich ihn auch anwende, nur um wieder ein Plugin einzusparen.
LG Timm
Sieht mir auf den ersten Blick etwas kompliziert aus mit den ganzen Parametern. Ich glaube das muss ich mir zu Hause nochmal in Ruhe durchlesen.
Aber trotzdem vielen Dank für die nette Information.
Hallo Julz, so kompliziert ist es nicht. Ich hatte nur versucht, alles unter einen Hut zu bringen.
Gerne bin ich bei der Umsetzung von Untertiteln behilflich. Wenn Du magst, melde Dich einfach bei mir. :)
LG Timm