Suchmaschinen Optimierung | Aktualisiertes Optimieren
Die Offline Optimierung mal etwas Umfangreicher Meta-Angaben für den HEAD Bereich.
Also erstes sollte man die Meta Tags wie Description, Keywords, Meta ViewportTag.
Dazu kommen auch die Dublin Core, Og Meta oder auch den Charset Meta Tag.
<DOCTYPE html>
<html lang="de">
<head>
<title></title>
<meta charset="utf-8">
<!-- Google Analytics nicht vergessen -->
<meta name="description" content=" Die Beschreibung sollte mindestens 70 und maximal bis 160 Zeichen sein.">
<meta name="keywords" content="Suchmaschinen, Optimierung, Optimieren, Offline Optimieren, Dublin Core, OG Meta">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<head>
....
Wenn du mehr aus deiner Seite machen möchtest solltest du auch robots.txt und den sidemap.xml / sidemap.html verwenden.
robots.txt und die sidemap.xml sind sehr wichtige Dateien damit du besser auf Google und co. gefunden zu werden.
Icons und Apple Icons eines der wichtigen Aspekte für deinen HEAD-Bereich
Das Icon: <link rel="icon" href="icon.png"> oder <link rel="icon" href="icon.png" sizes="16x16">
Für das Apple Icon sieht folgendermaßen aus:
<link rel="apple-touch-icon" href="images/icon-iphone.png">
Mobile First:
Wenn du Programmierst solltest du per CSS darauf achten das es auf den Mobilen Geräten vollständig angezeigt werden kann.
Auch wichtig ist es den CSS Quellcode möglichst auszulagern.
Dafür kannst du diesen Code verwenden für die Externe CSS Datei.
<link rel="stylesheet" href="style.css">
Dubline Core Meta Tag:
Dieser Meta Tag ist eine Erweiterung der wichtigen Meta Tag für den Head Bereich und sieht wie folgt aus: <meta name="dc.title" content="Suchmaschinen Optimierung und wo Sie zu finden ist">
Die Liste zu den Dublin Core Meta Tags besteht noch aus weiteren Bestandteilen wie zum Beispiel.
dc.keywords
dc.description
Hier kann man getrost Kreativ sein den die besten Webseiten entstehen aus der Kreative heraus.
OG Meta Tag:
Die OG Meta Tag ist wie der Dublin Core eine wichtige Erweiterung und sollte auch dementsprechend im Head-Bereich eingegeben werden.
<meta property="og:title" content="Suchmascheninen Optimierung | Aktualisiertes Optimieren">
Die Landingpage Methode
Wenn man von einer Landingpage spricht ist meist von einer Seite die Rede die mit viel Content, Links, Aufzählungen, Bilder oder Videos gespickt sind um dich auf eine Sale Seite weiterleiten zu können. Dabei generieren sie als kleinen Positiven Nebeneffekt das die Betreiber dadurch auch Traffic generieren. Dies machen wir uns jetzt zu nutze und Sage dir das eine Seite vollkommen ausreichen wird um eine schöne Seite aufzubauen.Da viele Menschen Mobile Geräte verwenden wäre es nicht schön immer einen weiterleitenden Link zu einer anderen Seite zu verweisen.
Daher sollten Anker Hyperlinks reichen um auf die Stelle zu kommen die man lesen oder betrachten möchte.
<a href="#home">Home</a><!-- Die Navigation zur deiner zu lesenden Stelle -->
<a name="home">Home</a> <!-- Von der Navigation wird man zur Textstelle oder zur Überschrift geleitet -->
<H1 id="home">Home Überschrift</H1>
Wichtig bei der Programmierung ist das es Smartphones, Iphone und co. Kompatibel programmiert wird.
Das war eine Ausführlicherer Beitrag zum Thema Suchmaschinen Optimierung.
Ein BeiSpiel zu meinen Beitrag findet ihr hier.
http://lordthrawn.online
