(Google)Robots-freundliche Inhalte durch Nachladen von Inhalt mittels jQuery?!

Categories: web-development

Ich habe in meinem letzten Beitrag eine Möglichkeit beschrieben HTML Inhalte mit jQuery (JavaScript) dynamisch nachzuladen. Allerdings habe ich im nachhinein festgestellt, dass im verarbeiteten Quellcode des Browsers der Inhalt leider nicht auftaucht — es ist lediglich der “alternative content” zu sehen. Ein Tool, welches mir die Seite aus Sicht eines Google-Bots anzeigt, bestätigte mir die Befürchtung.

Aus SEO’s Sicht ein Fluch und Segen zugleich. Einerseits lassen sich so im “alternative content” viel Roboter-freundlichere Texte unterbringen, die der normale User der Seite als abgehackt und grammatikalisch falsch empfinden würde, anderseits muss der “alternative content” mit jeder Änderung des nachgeladenen Contents händisch aktualisiert werden.

Glaubt man SEO Meinungen, die besagen, dass der SEO dem Genitiv sein Tod sei und die SEO Grammatik ein Fall für sich sei so ließe sich der “anderseits Teil” eher vernachlässigen und die Tatsache, dass der nachgeladene Inhalt für die Robots nicht sichtbar ist, eher als Gewinn (aus SEO’s Sicht) betrachten.

HTML mit JavaScript (jQuery) nachladen

Categories: web-development

Manchmal ist es ganz nützlich den Inhalt einer HTML Seite extern nachzuladen. Beispielsweise ist es unheimlich nützlich, wenn eine vom Shop oder CMS losgelöste Landingpage (Startseite) hinundwieder mit frischem Inhalt versorgt werden will, die Quelldaten des Templates aber im Verzeichnisbaum in der Dunkelheit des Grabens verscharrt sind, oder dieser Inhalt von propriätär gestalteten Templates ferngehalten werden soll. Ist das Templatesystem bereits auf php basierend, ist es indes sehr leicht mit Hilfe eines includes HTML Inhalt nachzuladen.

<?php include('file.html'); ?>

Besteht das Templatesystem jedoch aus reinen HTML Dateien, wird es etwas komplizierter. Hier gibt es an sich wohl nur zwei Möglichkeiten: Server Side Includes (SSI) oder JavaScript. Da SSI nicht bei jedem Hoster funktioniert, besteht also im Prinzip nur die Möglichkeit über JavaScript. Mit Javascript lässt sich bspw. der Inhalt von div Elementen sehr einfach manipulieren und somit auch durch einen nachgeladenen Code ersetzen. Dazu stehen hier stellvertretend zwei divs mit je eigener ID, deren Inhalt beim laden der Seite per JS verändert wird


  <div id="teaserContent">alternative content</div>
  <div id="teaserContent2">alternative content</div> 

Der alternative content ist dabei sehr wichtig, da sonst User ohne JavaScript an dieser Setlle nur ein weißes Feld ohne jeglichen Inhalt zu sehen bekämen. Der nachfolgende JavaScript Aufruf überschreibt dann den alternative content mit dem Dateien im angebenem Pfad. Er steht absichtlich nicht in einer document.ready() Umgebung, da der Inhalt möglichst schnell und vor dem rest der Seite nachgeladen werden soll.


<script type="text/javascript">
  $(function () {
    $('#teaserContent').load('landingpage/teaser.html');
    $('#teaserContent2').load('landingpage/teaser2.html');
  });
</script> 

Anschließend sei noch geraten, die div Elemente mit der korrekten Größe von vornherein mittels CSS zu versehen, da sonst während des Nachladens die Elemente der Seite springen!

Suchen mit Linux

Categories: Linux (Ubuntu)

Suchen mit Linux ist eigentlich ganz einfach! Am häufigsten wird man wohl grep gebrauchen. grep durchsucht bspw. Dateien nach einem angegebenem String.

grep 'Linux' *

sucht dabei in allen Dateien des Verzeichnisses nach dem String ‘Linux’

mehr dazu in dieser ausführlichen Anleitung zur Suche unter Linux

Welcome to miZine

MAC, Linux und das Beste aus dem WWW