Beschreibung:

Eine Textkompression komprimiert die Übertragung von Textinhalten wie HTML-Dateien, Style-Sheets oder Javascripten. Durch eine Kompression werden weniger Daten übertragen und es steigt die Ladezeit und die Perfomance an Endgeräten. Auf Apache Servern (meist auf Webservern vorhanden) kann man dazu ganz einfach die GZIP Kompression über die Htaccess-Datei (im Hauptverzeichnis einer Webseite) aktivieren:

Gzip Text-Kompression auf Apache (htaccess):

 <IfModule mod_filter.c>
        AddOutputFilterByType DEFLATE
	text/javascript \
	text/css \
	text/html \
	text/plain \
	text/x-component \
	text/xml
    </IfModule>

Der Beitrag Text Kompression aktivieren erschien zuerst auf Homepage nach Preis - Webseite erstellen lassen. Geschrieben von Homepage-nach-Preis.

Beschreibung:

Die Viewport-Funktion erlaubt Usern – mit mobilen Endgeräten – die Zoom-Funktion / Skalierung einer Webseite. Für Webseiten mit kleiner Schriftgröße oder Menschen mit eingeschränkter Sehstärke ist dies eine sehr nützliche Funktion. Sie können das Zoomen auf Webseiten in der Header.php Datei bzw. in dem Head-Bereich des Html-Dokumentes aktivieren.

Viewport Aktivierung im Head-Bereich:

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

Der Beitrag Viewport Tag mit Skalierung erschien zuerst auf Homepage nach Preis - Webseite erstellen lassen. Geschrieben von Homepage-nach-Preis.

Beschreibung:

Die Nutzung von Http2 wird nicht direkt von den Suchmaschinen gewertet, allerdings erzeugt Http2 – durch paralleles downloaden von Ressourcen – stark verringerte Ladezeiten. Und gute Ladezeiten werden von den Suchmaschinen positiv gewertet – erzeugt somit auch ein besseres Ranking.

Die Aktivierung von Http2

Die meisten Hoster bieten bereits die Nutzung von HTTP2 automatisch, Sie selbst müssen dazu nichts machen. Allerdings wird aus Sicherheitsgründen ein SSL Zertifikat / die Nutzung von Https benötigt, ansonsten nutzen Browser die klassische HTTP1.1 Übertragung – auch wenn HTTP2 aktiviert ist.

1. Aktivieren Sie HTTPS bei Ihren Webspeicher/Provider
(meist in den Domain-Einstellungen)
2. Aktivieren Sie HTTPS auf Ihrer Webseite
(Bei statischen Webseiten müssen Sie Inhalte & Links auf HTTPS umschreiben)
2. Eventuell müssen Sie noch Http2 in Ihren Webserver-Einstellungen aktivieren

Der Beitrag HTTP2 Nutzung erschien zuerst auf Homepage nach Preis - Webseite erstellen lassen. Geschrieben von Homepage-nach-Preis.

Beschreibung:

Die Mindest-Schriftgröße sollte – bei mobilen Endgeräten – nicht unter 12 Pixel sein, damit der Text auch gut lesbar ist. Auch wenn Sie 12 Pixel gut lesen können, bedenken Sie ältere oder sehschwache Menschen. Die Richtlinie ist, dass mindestens 60% einer Webseite 12+ Pixel besitzen sollte. Die Schriftgröße können Sie in der CSS-Datei (Style Sheet) anpassen:

Für mobile Auflösungen bis 640 Pixel (mobile):

@media (max-width: 640px) {
  .p {
    font-size: 14 px !important;
     }     
}

Für alle Auflösungen:

.p {font-size: 14 px !important;}

Der Beitrag Ausreichende Schriftgröße erschien zuerst auf Homepage nach Preis - Webseite erstellen lassen. Geschrieben von Homepage-nach-Preis.

Beschreibung:

Der Hreflang-Tag ist die Sprachanmerkung für Suchmaschinen, dieser Tag hat nur im weiteren Sinne einen Nutzen für User. Suchmaschinen können dadurch erkennen, welche Sprache auf der aktuellen Webseite genutzt wird und auf welchen Adressen sich die anderen – falls vorhanden – Sprachen befinden. Die Sprachanmerkung wird in der Header.php oder im Headbereich eines HTML-Dokuments eingefügt.

1. Default Tag für automatische Weiterleitung zur default-Sprache (optional):

<link rel="alternate" href="https://ihre-seite.de/" hreflang="x-default" />

2. Hreflang für die englische Version der Webseite:

<link rel="alternate" hreflang="eng" href="http://eng.ihre-seite.de/" />

Der Beitrag Hreflang / Zuweisung der Sprache erschien zuerst auf Homepage nach Preis - Webseite erstellen lassen. Geschrieben von Homepage-nach-Preis.

Beschreibung:

Wenn Sie Ihre Webseite auf SSL/HTTPS upgraden, sollten Sie unbedingt die alte HTTP Version auf die verschlüsselte Domain-Adresse weiterleiten. Ansonsten könnten Besucher noch immer auf der unverschlüsselten Version landen, zudem werten Suchmaschinen -bei fehlender Weiterleitung – beide Versionen und es könnte zu einer Duplicate Content Abstrafung kommen. Durch einen Eintrag in der Htaccess-Datei (meist im Root-Verzeichnis der Webseite) können Sie eine Weiterleitung schalten und diese mit 301 taggen. Geben Sie dazu folgenden Code ein:

1. Http zu Https 301 Weiterleitung über die Htaccess-Datei:

RewriteEngine On
RewriteBase /

RewriteCond %{HTTPS} !=On [NC,OR]
RewriteCond %{HTTP_HOST} !=www.ihre-seite.de [NC]
RewriteRule ^(.*)$ https://www.ihre-seite.de/$1 [R=301,L]

2. Einzelne Unterseiten mit 301 weiterleiten (Htaccess-Datei):

Redirect 301 /alte-unterseite/ https://ihre-webseite.de/neue-unterseite/

Weitere Informationen unter: Google Webmasters 301 Weiterleitung

Der Beitrag Http zu Https Weiterleitung erschien zuerst auf Homepage nach Preis - Webseite erstellen lassen. Geschrieben von Homepage-nach-Preis.

Beschreibung:

Diese Anleitung handelt um die Input-Erweiterung von Kontaktformularen, Newsletter-Eintragungen oder sonstigen Formularen. Welche auch – meines Erachtens – zu den Seo-Onpage Faktoren gehört. Um Screenreadern und anderen Technologien das Erkennen von Eingabebereichen zu ermöglichen, müssen diese eindeutig und einzigartig getagged werden. Dazu gibt es für Besucher sichtbare und nicht-sichtbare Möglichkeiten, wichtig ist, dass jeder Tag nur einmalig genutzt ist. Erweitern Sie die Inputs Ihrer Formulare folgend: (Empfehlung ist die 2. Möglichkeit).

Sichtbare Anwendung:

1. Label Feld zuweisen – hierbei wird vor dem Input Feld nochmals ein Labelfeld hinzugefügt, welches folgend aussieht:

<label for="name">Name: </label>
<input type="text" name="name" id="name">
<button type="submit">senden</button>

Nicht sichtbare Anwendung:

2. Input Feld mit Aria-Label – hierbei wird ein Input Feld mit dem aria-label Tag erweitert:

<input type="text" name="name" aria-label="name">
<button type="submit">senden</button>

3. Label-Feld zuweisen mit Visually-Hidden – ähnlich wie bei der sichtbaren Label-Erweiterung, allerdings wird hierbei der Tag nicht sichtbar:

<label for="name" class="visuallyhidden">name: </label>
<input type="text" name="name" id="name">
<button type="submit">senden</button>

CSS zu Visually-Hidden – da Zuordnungen in der CSS wie display:none oder visually:hidden Probleme (bei der Suchmaschinen-Wertung und Screenreadern) verursachen können, muss dies in der CSS hinzugefügt werden:

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

Weitere Informationen unter: Form Elements Axe

Der Beitrag Labels bei Form-Elementen erschien zuerst auf Homepage nach Preis - Webseite erstellen lassen. Geschrieben von Homepage-nach-Preis.