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></div> <div id="c820" class="frame frame-default frame-type-text frame-layout-0"><header><h2 class=""> Auslagerung von CSS und JavaScript </h2></header><p>Du solltest versuchen CSS und JavaScript in externe Dateien auszulagern. Diese Strategie hat zwei Vorteile: </p><p><br /></p><ul><li><p style="margin-bottom: 0cm;">Wenn JavaScripts und CSS Files auf vielen Unterseiten genutzt werden kann der Browser des Benutzers diese Cachen</p></li><li><p style="margin-bottom: 0cm;">Der HTML Code wird kompakter und Informationen die für die Suchmaschinen wenig relevant sind, sind ausgelagert.</p></li></ul></div> <div id="c819" class="frame frame-default frame-type-text frame-layout-0"><header><h2 class=""> Texte optimieren </h2></header><p>Suchmaschinen erkennen den Sinn von Texten voll automatsich. Die einzelnen Anhaltspunkte, die sie ausser der Verlinkung noch haben ist der Text selbst. </p><p><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> </p></div> <div id="c818" class="frame frame-default frame-type-text frame-layout-0"><header><h2 class=""> Linktexte optimieren </h2></header><p>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></div> <div id="c817" class="frame frame-default frame-type-text frame-layout-0"><header><h2 class=""> Bilder optimieren </h2></header><p><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></div> <div id="c816" class="frame frame-default frame-type-text frame-layout-0"><header><h2 class=""> Die Metatags </h2></header><p>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><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> </p><ul><li><p style="margin-bottom: 0cm;">Man sollte beschreibende Keyword einfügen, jedoch nicht übertreiben. Man sollte davon absehen Keywords einzutragen die mit dem Inhalt der Seite nichts zu tun haben.</p></li><li><p style="margin-bottom: 0cm;">In den Beschreibungstags sollte man einen zusammenfassenden beschreibenden Satz einfügen.</p></li></ul></div> <div id="c815" class="frame frame-default frame-type-html frame-layout-0"><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></div> <!--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">Oops, an error occurred! Code: 20190423045138ed4e829c</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> </body> </html>