Tipps und Tricks

TYPO3 SEO Tipps und Tricks

auf den vorherigen Seiten habe bin ich auf ein paar Grundlagen von Suchmaschinengerechten Websites mit TYPO3 eingegangen. Auf dieser Seite möchte ich noch ein paar kleine Tipps und Tricks vorstellen, die man unter keiner konkreten Überschrift zusammenfassen könnte.



Seitentitel optimieren

Standardmaessig verwendet TYPO3 den Titel der auch im Pagetree angezeigt wird für den HTML title Tag. Da dieser Titel aber auch für die Navigation verwendet wird ist er meisst kurz gehalten.

 

Wenn Sie sich an die Erstellung eines Seitenbehälters erinnern gibt es dort sehr viele Optionen. Um einen aussagekräftigen Titel für jede Unterseite festlegen zu können währe es sinnvoll dafür ein neues Feld zu definieren.

 

Ein "Workarround" ist es das Feld Subtitle hierfür zu verwenden. Dazu muss der reguläre Titel Tag weggelassen werden und durch einen Titel Tag mit dem Inhalt des Subtitel Feldes ersetzt werden. Das kann man mit TypoScript Code erreichen. Es gibt hierfür jedoch auch eine Extension (bvd_set_page_title), mit der dieser Effekt schneller erreicht ist.

 

Wenn diese Extension über den TYPO3 Extensionmanager (Tools -> Ext. Manager) installiert und geladen wurde wird der Inhalt des Subtitle Feldes für den HTML Tag verwendet. Wenn das Feld mit dem "subtitle" leer ist, wird der normal title weiterverwendet. </p> <p class="bodytext"> </p> <!-- Text: [end] --> </div> <!-- Image block: [end] --> </div> <!-- CONTENT ELEMENT, uid:540/textpic [end] --> <!-- CONTENT ELEMENT, uid:539/textpic [begin] --> <div id="c539" class="csc-default"> <!-- Header: [begin] --> <div class="csc-header csc-header-n3"><h1>Subtitle / Untertitel anpassen</h1></div> <!-- Header: [end] --> <!-- Image block: [begin] --> <div class="csc-textpic-text"> <!-- Text: [begin] --> <p class="bodytext">Nachdem die Extension (bvd_set_page_title) installiert wurde, kann der Subtitle (Untertitel) verwendet werden um daraus den HTML Title Tag zu generieren. Für diejenigen die noch nicht wissen wo dies zu ändern ist werde ich es nochmal kurz erklären. </p> <p class="bodytext"> </p> <p class="bodytext">1. Über die Backendnavigation "Web -> Seite" den Pagetree öffnen. </p> <p class="bodytext"> </p> <p class="bodytext">2. Seite im Pagetree wählen die geändert werden soll. Auf den Text klicken um die Editansicht dieses Eintrags zu öffnen </p> <p class="bodytext"> </p> <p class="bodytext">3. Den Button "Seiteneingeschaften bearbeiten" auswählen und im Formular das Feld "Untertitel" bearbeiten. Speichern und Fertig </p> <p class="bodytext"> </p> <p class="bodytext"> </p> <!-- Text: [end] --> </div> <!-- Image block: [end] --> </div> <!-- CONTENT ELEMENT, uid:539/textpic [end] --> </div> </section> <section> <div class="panel panel-default"> <div class="panel-body"></div> </div> </section> </div> </div> </div> <!-- container --> <aside id="footer-widgets"> <div class="container"> <div class="row"> <div class="col-md-4"> <!-- CONTENT ELEMENT, uid:1523/list [begin] --> <div id="c1523" class="csc-default"> <!-- Plugin inserted: [begin] --> <!-- Plugin inserted: [end] --> </div> <!-- CONTENT ELEMENT, uid:1523/list [end] --> </div> <div class="col-md-4"> </div> <div class="col-md-4"> </div> </div> <!-- row --> </div> <!-- container --> </aside> <!-- footer-widgets --> <footer id="footer"> <p>© 2015 <a href="#">Timo Schmidt</a>.</p> </footer> </div> <!-- boxed --> </div> <!-- sb-site --> <div class="sb-slidebar sb-right"> <div class="input-group"> <input type="text" class="form-control" placeholder="Search..." /> <span class="input-group-btn"> <button class="btn btn-default" type="button"><i class="fa fa-search"></i></button> </span> </div><!-- /input-group --> <h2 class="slidebar-header no-margin-bottom">Navigation</h2> <ul class="slidebar-menu"> <li><a href="fileadmin/templates_new/index.html">Home</a></li> <li><a href="fileadmin/templates_new/portfolio_topbar.html">Portfolio</a></li> <li><a href="fileadmin/templates_new/page_about3.html">About us</a></li> <li><a href="fileadmin/templates_new/blog.html">Blog</a></li> <li><a href="fileadmin/templates_new/page_contact.html">Contact</a></li> </ul> </div> <!-- sb-slidebar sb-right --> <div id="back-top"> <a href="#header"><i class="fa fa-chevron-up"></i></a> </div> <!-- Scripts --> <!-- Compiled in vendors.js --> <script src="fileadmin/templates_new/assets/js/vendors.js" type="text/javascript"></script> <!-- Syntaxhighlighter --> <script src="fileadmin/templates_new/assets/js/syntaxhighlighter/shCore.js" type="text/javascript"></script> <script src="fileadmin/templates_new/assets/js/syntaxhighlighter/shBrushXml.js" type="text/javascript"></script> <script src="fileadmin/templates_new/assets/js/syntaxhighlighter/shBrushJScript.js" type="text/javascript"></script> <script src="fileadmin/templates_new/assets/js/app.js" type="text/javascript"></script> </body> </html>