Montag, 2. Dezember 2013

Tag 9: Search Engine Optimization (SEO) - On Page; HTML Exkurs

HTML Exkurs 


HTML ist eine Deklarationssprache und keine Programmiersprache.

Erstellung und Optimierung einer Website mit den wichtigsten HTML Tags und Codes

Tool: HTML Tutorials auf www. w3schools.com:

Codierung: UTF-8: erlaubt Umlaute im Quellcode

Vorgehensweise:
Keyword Recherche im Keyword Planer für die organischen Teil der SERP

1 Keyword für das gesamt Projekt definieren
2-3 Keywords für die wichtigsten Unterseiten definieren, backlinks nur auf diese Seiten setzen

Keyword auch in der Domain verwenden
Konkurrenzanalyse mit seoquake.com (Page Rank, Google Index und Keyword Density)

Prüfung der Website auf HTML-Fehler mit www.validator.w3.org
Je mehr HTML-Fehler die Seite aufweist, desto langsamer lädt sie und desto eher stuft Google sie herab.

<!DOCTYPE html>
<html>

Header
    <head>
        <title>Keyword mit in den Titel schreiben</title>   
       
        <meta name="description" content="Keyword - Hier steht beschreibender Text zum Thema Keyword."> Wenn die Seite bei Dmoz verzeichnet ist, zieht sich Google dort die Description, die Dmoz jedoch selbst verfasst. Die Description sollte nicht länger als zwei Sätze sein, ansonsten kürzt Google sie ab [...]. Am besten das Keyword an den Anfang stellen.


        <meta name="keywords" content="Keyword, naheliegendes Keyword, ergänzendes Keyword"> 
Google berücksichtigt dieses Tag nicht, aber alle anderen Suchmaschinen.     
        <meta charset="UTF-8">


        <meta name="robots" content="INDEX,NOFOLLOW"> Suchmaschine soll die Seite indexieren, aber den Links nicht folgen. Ein Impressum sollte nicht indexiert werden, deshalb: "NOINDEX,NOFOLLOW". Die gesamt Seite sollte eine gute Mischung aus "FOLLOW" und "NOFOLLOW" Anweisungen haben.
Linkjuices: intern
(um die Navigation zu erleichtern) und extern (um auf themenverwandte Websites zu verweisen, u.a. mit www.relatedposts.com)

    </head>
    <body>
<!-- <div>Keyword, das wir symbolisch vor einem Menü auslesen lassen würden. Keyword mit Bezug zur Universal Search. </div> --> Ein Crawler würde auf einer Website erst das Menü auslesen, bevor er den Content ausliest (Stichwort: grey hat).

Genau 1 h1 pro Seite: <h1>Keyword - Das gibts ja nicht!</h1>

        <p>Auch hier steht das Keyword im Text</p>
       
        <h2>Keyword - Das gibts ja nicht!</h2>

        <p>Auch hier steht das Keyword im Text</p>

        <h3>Keyword - Das gibts ja nicht!</h3>

        <p>Auch hier steht das Keyword im Text</p>
       
        <h4>Keyword - Das gibts ja nicht!</h4>

        <p>Auch hier steht das Keyword im Text</p>

        <h5>Keyword - Das gibts ja nicht!</h5>

        <p>Auch hier steht das Keyword im Text</p>

        <h6>Keyword - Das gibts ja nicht!</h6>

        <p>Auch hier steht das Keyword im Text</p>

<!-- Hier geht es nun um die Verlinkungen -->
       
extern:        <a href="http://wenda-it-web.de" title="Keyword zu diesem Link" rel="nofollow" target="_blank">Keyword im Ankertext</a> bei einem externen Link öffnet sich ein neues Fenster.

<!-- Es geht weiter mit strukturellen Elementen --> Struktur ist ein entscheidendes Kriterium für die Suchmaschine.
Formatierung  <p>Hier steht ein Text mit einem <b>hervorgehobenen Keyword</b></p>
ordered list  <ol>
            <li>Erster Punkt mit Keyword</li>
            <li>Zweiter Punkt mit Keyword</li>
            <li>Dritter Punkt ohne Keyword</li>
        </ol>   

unordered list  <ul>
            <li>Erster Punkt mit Keyword</li>
            <li>Zweiter Punkt mit Keyword</li>
            <li>Dritter Punkt ohne Keyword</li>
        </ul>   

Tabelle:       <table>

            <tr>
                <th>Erste Überschrift mit Keyword</th>
                <th>Zweite Überschrift mit Keyword</th>
            <tr>
                <td>Erste Spalte mit Keyword Infos</td>
                <td>Zweite Spalte mit Keyword Infos</td>
            </tr>

            <tr>
                <td>Erste Spalte mit Keyword Infos</td>
                <td>Zweite Spalte mit Keyword Infos</td>
            </tr>
        </table    >
Tabellenformatierungen, wie z.B. Rahmen, in CSS.
       
Bild:        <img src="Keyword-Koala.jpg" title="Ein Bild mit Keyword" alt="Hier steht eine Alternative mit Keyword" height="100" /> Wenn das Bild nicht geladen werden, dann eine Alternative einbauen; Formatierung, wie z.B. Größe/height, über CSS


<div>Keyword, das wir symbolisch am Ende der Seite auslesen lassen würden. Keyword mit Bezug zur Universal Search. </div> -->       
   
    </body>
</html>


SEO-Typen mit Blick auf die Einhaltung der SEO-Richtlinien: black hat - grey hat -white hat


Google verhängt Strafen (= Penalties) für die Missachtung bzw. Verletzung der Richtlinien bei der Suchmaschinenoptimierung von Websites (black-hat-SEO), um ein besseres Ranking bei den Suchergebnissen zu erzielen. Ein Indiz dafür ist, wenn z.B. die Website kurzerhand von der ersten Seite auf die dritte Seite zurückfällt. Im schlimmsten Fall schließt die Suchmaschine die Website von ihrem Index aus.

Beispielgründe: 
zu hohe Keyword Density auf der Seite (> 6%)
zu viele neue backlinks in kurzer Zeit, kein organisches Wachstum mehr
cloaking: Erstellung einer zweiten Seite unter der gleichen URL, die für den Suchmaschinen-Crawler optimiert wird, wie z.B. durch den Ersatz von multimedialen Inhalten, wie z. B. Videos durch Text; Spam-Methode
Russen-Links: günstig im Ausland eingekaufte Links, um die Linkpopularität einer Domain zu erhöhen.


Vorbildliche Maßnahmen bei der SEO bezeichnet man als white-hat-SEO, dessen Handlungsspielraum eher begrenzt ist. Deshalb nutzen viele den Graubereich (grey-hat-SEO).
Dies bedeutet, dass sie zwar nicht durch etwaige Spam-Praktiken gezielt gegen Richtlinien verstoßen, jedoch beispielsweise durch das gezielte Verlinken über externe Webseiten versuchen, die Ranking-Position zu verbessern. Dies ist ebenfalls nicht gern gesehen von Suchmaschinen, wird allerdings noch eher toleriert als Aktivitäten innerhalb des Black-Hat-SEO.

Beispiele von grey-hat-SEO:
  • Kommentar mit <div> Container als Einstieg in den <body> tag, so dass der Eintrag vor der Menüleiste ausgelesen werden kann.
  • Slider mit wechselnden Bildern: Keywords auf jedem Slide einbauen, damit der Crawler sie auslesen kann, auch wenn die Bilder nicht auf der Seite angezeigt werden.
  • Schriftfarbe des Keywords entspricht der Hintergrundfarbe der Seite.
  • unterschiedliche Server nutzen, um backlinks schneller aufzubauen

Keine Kommentare:

Kommentar veröffentlichen