Inhalte optimieren - CSS und JavaScript

Optimierung des Inhaltes

Zunächst solltest du dir Überlegen, auf welche Keywords du deine Seite(n) optimieren möchtest.

Da die Chance bei Top Keyword weit oben zu laden geringer sind, sollte man sich vielleicht eine Kombination aus zwei Keywords suchen, nach der oft gesucht wird.

Ein Tool mit dem man in etwa abschätzen kann wie gut eine Keywordkombination ist, bzw. Wie oft danach gesucht wird ist das Tool von miva (http://www.miva.com/uk/content/advertiser/landing1.asp)

Wenn du Keywords gefunden hast, solltest du probieren deine Seiten darauf zu optimieren, mehr dazu findest du in den folgenden Abschnitten.

Titel Tag optimieren

Der Title Tag ist sehr wichtig und wird von Suchmaschinen hoch bewertet wenn es darum geht die Relevanz einer bestimmten Seite zu einem Thema zu bestimmen.

Deshalb sollte man den Tag einer Seite dafür nutzen, hier eine passende Beschreibung des Inhalts unterzubringen. Hier sollte man auch Keywords unterbringen, auf die man die Seite optimieren möchte. Man sollte aber auch hier darauf achten, das man es nicht übertreibt, es bringt nichts zehnmal das gleiche Wort hintereinander zu schreiben.<br /><br />Ausserdem sollte man darauf achten das der Titel nicht zu lang ist.</p> <!-- Text: [end] --> </div> <!-- CONTENT ELEMENT, uid:821/text [end] --> <!-- CONTENT ELEMENT, uid:820/text [begin] --> <div id="c820" class="csc-frame csc-frame-default"> <!-- Header: [begin] --> <div class="csc-header csc-header-n3"><h1>Auslagerung von CSS und JavaScript</h1></div> <!-- Header: [end] --> <!-- Text: [begin] --> <p class="bodytext">Du solltest versuchen CSS und JavaScript in externe Dateien auszulagern. Diese Strategie hat zwei Vorteile: </p> <p class="bodytext"><br /> </p><ul><p class="bodytext"><li><p style="margin-bottom: 0cm;">Wenn </p> <p class="bodytext"> JavaScripts und CSS Files auf vielen Unterseiten genutzt werden kann </p> <p class="bodytext"> der Browser des Benutzers diese Cachen</p> </p> <p class="bodytext"> </li><li><p style="margin-bottom: 0cm;">Der HTML Code </p> <p class="bodytext"> wird kompakter und Informationen die für die Suchmaschinen </p> <p class="bodytext"> wenig relevant sind, sind ausgelagert.</p></li></p></ul> <!-- Text: [end] --> </div> <!-- CONTENT ELEMENT, uid:820/text [end] --> <!-- CONTENT ELEMENT, uid:819/text [begin] --> <div id="c819" class="csc-frame csc-frame-default"> <!-- Header: [begin] --> <div class="csc-header csc-header-n4"><h1>Texte optimieren</h1></div> <!-- Header: [end] --> <!-- Text: [begin] --> <p class="bodytext">Suchmaschinen erkennen den Sinn von Texten voll automatsich. Die einzelnen Anhaltspunkte, die sie ausser der Verlinkung noch haben ist der Text selbst. </p> <p class="bodytext"><br />Um die Suchmaschinen bei der Erkennung des Themas und der Indexierung zu unterstützen, sollte man eine Formatierung wählen die dies unterstützt. Wichtige Schlagworte sollte man deshalb hervorheben. Gut für die Hervorhebung eignet sich der <strong> </strong> Tag. Diese Hervorhebung kann zwar auch per css erfolgen, wird aber weniger gut indexiert.<br /><br />Überschriften sollte man mit den dafür in Html vorgesehen <h> Tags kennzeichnen, also z.b. </p> <p class="bodytext"> </p> <!-- Text: [end] --> </div> <!-- CONTENT ELEMENT, uid:819/text [end] --> <!-- CONTENT ELEMENT, uid:818/text [begin] --> <div id="c818" class="csc-frame csc-frame-default"> <!-- Header: [begin] --> <div class="csc-header csc-header-n5"><h1>Linktexte optimieren</h1></div> <!-- Header: [end] --> <!-- Text: [begin] --> <p class="bodytext">Da Suchmaschinen den Linktext bei der Erkennung des Inhalts mit einbeziehen, sollte dieser möglichst passend sein. Das sollte man nutzen um hier Keyword einzubauen.</p> <!-- Text: [end] --> </div> <!-- CONTENT ELEMENT, uid:818/text [end] --> <!-- CONTENT ELEMENT, uid:817/text [begin] --> <div id="c817" class="csc-frame csc-frame-default"> <!-- Header: [begin] --> <div class="csc-header csc-header-n6"><h1>Bilder optimieren</h1></div> <!-- Header: [end] --> <!-- Text: [begin] --> <p class="bodytext"><strong><strong><strong></strong></strong></strong>Bei Bildern sollte man darauf achten das sie nicht zu groß sind, den lange Ladezeiten schliessen Besucher mit einer schlechten Anbindung von der Webseite aus.<br /><br />Für jedes Bild sollte man das ?alt? Attribut mit einem passenden Text beschreiben. Dabei gilt aber auch, das man den ?alt? Tag nicht als müllhalde für Keywords nutzen sollte, sondern dabei in einem gewissen Rahmen bleiben sollte. Ein passender Satz der 1-2 Keyword enthält ist hier also richtig.<br /><br />Durch die Angabe von höhe und breite kann der Browser den Rest der Seite schon weiter anordnen, bevor das Bild fertig geladen wurde.</p> <!-- Text: [end] --> </div> <!-- CONTENT ELEMENT, uid:817/text [end] --> <!-- CONTENT ELEMENT, uid:816/text [begin] --> <div id="c816" class="csc-frame csc-frame-default"> <!-- Header: [begin] --> <div class="csc-header csc-header-n7"><h1>Die Metatags</h1></div> <!-- Header: [end] --> <!-- Text: [begin] --> <p class="bodytext">Die Metatags sind ursprünglich dazu gedacht gewesen, Informationen für Suchmaschinen unterzubringen. Viele Leute missbrauchten diese dazu möglichst viele Informationen für Suchmaschinen hier unterzubringen. </p> <p class="bodytext"><br />Das führte dazu, dass <strong>Metatags</strong> heute von Suchmaschinen kaum beachtet werden. Man sollte dennoch deren Potential nicht verschenken. Eine gelungene Formulierung in den Metatags kann dabei behilflich sein von Suchmaschinen besser indexiert zu werden.<strong><br /><strong><br />Bei Metatags gilt also:</strong></strong> </p> <p class="bodytext"> </p><ul><p class="bodytext"><li><p style="margin-bottom: 0cm;">Man sollte </p> <p class="bodytext"> beschreibende Keyword einfügen, jedoch nicht übertreiben. </p> <p class="bodytext"> Man sollte davon absehen Keywords einzutragen die mit dem Inhalt der </p> <p class="bodytext"> Seite nichts zu tun haben.</p> </p> <p class="bodytext"> </li><li><p style="margin-bottom: 0cm;">In den </p> <p class="bodytext"> Beschreibungstags sollte man einen zusammenfassenden beschreibenden </p> <p class="bodytext"> Satz einfügen.</p> </p> <p class="bodytext"></li></p></ul> <!-- Text: [end] --> </div> <!-- CONTENT ELEMENT, uid:816/text [end] --> <!-- CONTENT ELEMENT, uid:815/html [begin] --> <div id="c815" class="csc-frame csc-frame-default"> <!-- Raw HTML content: [begin] --> <script type="text/javascript"><!-- google_ad_client = "pub-2163543419876527"; google_ad_width = 234; google_ad_height = 60; google_ad_format = "234x60_as"; google_ad_type = "text"; //2007-04-06: seo-tutorial-content google_ad_channel = "2632778149"; google_color_border = "ffffff"; google_color_bg = "ffffff"; google_color_link = "000000"; google_color_text = "000000"; google_color_url = "000000"; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> <!-- Raw HTML content: [end] --> </div> <!-- CONTENT ELEMENT, uid:815/html [end] --> <!--TYPO3SEARCH_end--></div> </section> <section> <div class="panel panel-default"> <div class="panel-body"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- bottom new --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-2163543419876527" data-ad-slot="6996193714" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </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:1303/list [begin] --> <div id="c1303" class="csc-frame csc-frame-default"> <!-- Plugin inserted: [begin] --> <!-- Plugin inserted: [end] --> </div> <!-- CONTENT ELEMENT, uid:1303/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></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"></script> <!-- Syntaxhighlighter --> <script src="fileadmin/templates_new/assets/js/syntaxhighlighter/shCore.js"></script> <script src="fileadmin/templates_new/assets/js/syntaxhighlighter/shBrushXml.js"></script> <script src="fileadmin/templates_new/assets/js/syntaxhighlighter/shBrushJScript.js"></script> <script src="fileadmin/templates_new/assets/js/app.js"></script> <script src="typo3conf/ext/solr/Resources/Public/JavaScript/JQuery/jquery.min.js?1536744971" type="text/javascript"></script> <script src="typo3conf/ext/solr/Resources/Public/JavaScript/JQuery/URI.min.js?1536744971" type="text/javascript"></script> <script src="typo3conf/ext/solr/Resources/Public/JavaScript/JQuery/jquery.URI.min.js?1536744971" type="text/javascript"></script> <script src="typo3conf/ext/solr/Resources/Public/JavaScript/search_controller.js?1536744971" type="text/javascript"></script> <script src="typo3conf/ext/solr/Resources/Public/JavaScript/JQuery/jquery.autocomplete.min.js?1536744971" type="text/javascript"></script> <script src="typo3conf/ext/solr/Resources/Public/JavaScript/suggest_controller.js?1536744971" type="text/javascript"></script> </body> </html>