WordPress Theme Enfold CSS-Styles

/* Lightbox Transparenz */
.mfp-zoom-in.mfp-ready.mfp-bg, .mfp-zoom-in.mfp-ready .mfp-preloader {
opacity: 1;
}
figcaption, figcaption * {
    background-color: transparent!important;
}
#top .fullsize .template-blog .post .entry-content-wrapper > *, #top .fullsize .template-blog .post .entry-content-wrapper { max-width: 100%; }

.title_container {background-color: #ffffff !important; }

.title_container .breadcrumb,
.title_container .breadcrumb a { 
color: #585858!important;

}

/* Portfolio-Raster */

.with-excerpt-container .grid-entry {
text-align: left;
}


.grid-entry .inner-entry { 
box-shadow: none;
margin-right: 20px;
margin-bottom: 30px;
} 

.grid-entry-title {
color: black !important;
font-size: 18px;
line-height: 1.5;
text-align: left;
margin-left: -20px;
}

#top .grid-content, #top .grid-entry-excerpt, #top .grid-entry-title {
background-color: #ffffff;
}
#top .grid-entry-excerpt {
	color: #bbbbbb;
	font-size: 14px;
line-height: 1.5;
text-align: left;

font-style: normal;
margin-top: 5px;
	margin-left: -20px;
	margin-right: -20px;

}




/* -------------------------------------------------------- */

.avia-content-slider .slide-image, .avia-content-slider .slide-image img {
border-radius: 0px;
} 



.main_color .av-inner-masonry-content {
color: #000000;
background-color: rgba(255, 255, 255, 0.9);
} 

.av-hover-overlay-active .av-masonry-image-container {
    opacity: 1 !important;

}

#top .av-caption-style-overlay a.av-masonry-item-with-image .av-inner-masonry-content {
    background: rgba(100,100,100,0.7);
}

.av-masonry-entry .av-masonry-entry-title {
position: absolute;
top: 20px;
text-align: left;
font-size: 20px!important;
font-weight: 900 !important;
color: #ffffff!important;
text-transform: uppercase;

}

.av-masonry-entry .av-masonry-entry-content {
position: absolute;
bottom: 7px;
text-align: left;
font-size: 16px!important;
color: #ffffff!important;
}



/* -------------------------------------------------------- */



Technische Aktualisierung von Internetseiten

Neben der inhaltlichen Erneuerung einer Internetseite ist die technische Aktualiserung für die Aufrechterhaltung der Funktion einer Website enorm wichtig. Können Inhalte über Jahre hinweg unverändert bleiben, so müssen für die technische Lauffähigkeit in regelmäßigen Abständen Aktualiserungen erfolgen. Im Folgenden wird gezeigt, auf welche Aspekte besonders zu achten ist und wie Lösungen aussehen können:

Aktualisierung SSL-Zertifikat

Für das SSL-Sicherheitszertifikat ist eine jährliche Aktualisierung erforderlich. Sollte das Zertifikat nicht erneuert werden, wird die Seite als unsicher eingestuft und wird im Browser nicht mehr angezeigt. Stattdessen bekommt der Besucher eine Sicherheitswarnung.

Aktualisierung des SSL-Zertifikats bei Hosteurope:

Hosteurope, bzw. starfieldtech.com sendet eine Mail mit einem Code. Dieser muss wie folgt eingebunden werden.

  1. Mit den Zugangsdaten bei Hosteurope einloggen
  2. Unter Produktverwaltung -> Domainservices -> DNS-Administration bei der entsprechenden Domain auf „Editieren“ klicken
  3. Einen DNS-Eintrag mit Typ TXT anlegen bzw. ändern (ohne www)
  4. Auf „Update“ klicken (kann bis zu 15 Minuten dauern)
  5. Änderung bestätigen
  6. Unter SSL in der oberen Zeile auf „Validierung anstoßen“ klicken (kann bis zu 15 Minuten dauern)
  7. Unter Webhosting -> Konfigurieren -> Sicherheit und SSL -> SSL administrieren gewünschte Domain suchen und auf „Ersetzen“ klicken
  8. Unter „Oder laden Sie ein bestehendes Zertifikat direkt aus dem KIS hoch:“ entsprechendes Zertifikat auswählen und auf „Absenden“ klicken.
  9. Nach ca. 15 Minuten ist das neue Zertifikat verfügbar

Aktualisierung PHP-Version

PHP ist die Skriptsprache auf der alle dynamischen (datenbankbasierten) Seiten basieren, um die Inhalte anzuzeigen. Da PHP permanent weiterentwickelt wird, passen die Internet-Service-Provider (ISP) (Hosteurope, Strato, IONOS) ihre Server an die jeweils neueste Version an. Ältere PHP-Versionen laufen eine gewisse Zeit noch parallel und werden nach und nach abgeschaltet. Der ISP benachrichtigt seine Kunden darüber.

Um einer Deaktivierung bzw. einer nicht mehr funktionierenden Internetseite aus dem Weg zu gehen, sollte die eigene Internetadresse auf der momentan vom ISP empfohlenen PHP-Version laufen.

Aktualisierung der PHP-Version bei Hosteurope:

  1. Mit den Zugangsdaten bei Hosteurope einloggen
  2. Unter Produktverwaltung -> Webserver auf „Konfigurieren“ klicken
  3. Unter Skripe & Datenbanken -> PHP-Version die aktuelle PHP-Version aktivieren und Speichern.
  4. Funktionstest Ihrer Internetseite (sollte die Seite nicht mehr funktionieren, kann auf die alte PHP-Version zurückgestellt werden)

Aktualisierung der PHP-Version bei Strato:

  1. Mit den Zugangsdaten bei Strato einloggen
  2. Unter Datenbanken und Webspace -> PHP-Version einstellen auf die „empfohlene Version“ klicken und Speichern
  3. Funktionstest Ihrer Internetseite (sollte die Seite nicht mehr funktionieren, kann auf die alte PHP-Version zurückgestellt werden)

Aktualisierung WordPress

WordPress stellt in regelmäßigen Abständen Updates und Aktualisierungen zur Verfügung. Neben neuen Werkzeugen beinhalten diese Updates auch Anpassungen an veränderte Programmiertechniken und Sicherheitsanforderungen.

Aktualisierung WordPress-Version

1. Mit den Zugangsdaten in Ihrer WordPress-Installation anmelden
2. Backup der gesamten Seite erstellen
3. Im Dashboard auf „Aktualisierungen“ klicken die WordPress-Aktualisierung anstoßen
4. Nach erfolgreicher Aktualisierung einen Funktionstest der Seite durchführen

Aktualisierung WordPress-Theme

  1. Mit den Zugangsdaten in Ihrer WordPress-Installation anmelden
  2. Backup der gesamten Seite erstellen
  3. Unter Design -> Themes entweder das entsprechende Theme direkt aktualisieren oder im oberen Bereich unter „Theme hinzufügen“ eine ZIP-Datei mit dem aktuellen Theme hochladen. Alternativ kann das Theme über FTP hochgeladen werden
  4. Nach erfolgreicher Aktualisierung einen Funktionstest der Seite durchführen

Hinweis: Sollten Sie kein Child-Theme verwenden, ist ein umfangreicher Funktionstest unumgänglich.

Aktualisierung WordPress-Plugins

  1. Mit den Zugangsdaten in Ihrer WordPress-Installation anmelden
  2. Backup der gesamten Seite erstellen
  3. In der linken Navigation auf Plugins klicken
  4. Plugins für die eine Aktualisierung verfügbar ist, sind mit einem hellgelben Aktualisierungshinweis markiert. Hier auf „Jetzt aktualisieren“ klicken
  5. Nach erfolgreicher Aktualisierung einen Funktionstest der Seite durchführen

Hinweis: Sollte Ihnen keine Aktualisierung des PlugIns angezeigt werden und Sie haben trotzdem eine neuere Version vom Anbieter heruntergeladen, können Sie diese entweder über „Installieren“ im oberen Bereich oder per FTP hochladen.

Suchmaschinenoptimierung (SEO)

Wenn im Allgemeinen die Rede von Suchmaschinenoptimierung ist, so ist in fast allen Fällen die Optimierung von Internetseiten für Google gemeint. Ungeachtet der Vielzahl von Gründen Google nicht zu benutzen, steht dem gegenüber, dass Google der Allgemeinheit mit Abstand die besten Suchergebnisse liefert – und das liegt an der Funktionsweise bzw. an der geschäftlichen Ausrichtung dieser Suchmaschine. Um der eigenen Internetseite eine Suchmaschinenoptimierung zu gönnen, ist es von Vorteil wenigstens Google in den Ansätzen verstehen zu wollen. Wobei mit „gönnen“ die Investition in eine Dienstleistung gemeint ist, deren Erfolg mehr als ungewiss ist und sich die Erwartungen der Website-Inhaber selten mit den Ergebnissen der SEO-Dienstleister decken. Dennoch ist eine Suchmaschinenoptimierung unabdingbar, wenn mit dem eigenen Internetauftritt um Aufmerksamkeit für sich, seine Firma oder Organisation gerungen werden soll.

Funktionsweise von Google

Wie bei jedem Unternehmen steht auch bei Google die Gewinnsteigerung an erster Stelle. Google möchte nicht die Welt retten, Google möchte Geld verdienen. Das macht Google zu einer verlässlichen und berechenbaren Größe.

Grundsätzlich ist die Benutzung der Suchmaschine Google kostenfrei. Geld verdient Google mit Werbeflächen in den Suchergebnissen, die sie verkaufen (sie sind extra mit „Anzeige“ markiert) und mit kostenpflichtigen Zusatzdiensten (z.B. Nutzung von Google Ads). Um die Werbeflächen für einen hohen Preis anbieten zu können, muss Google die meistgenutzte Suchmaschine bleiben. Das bleibt sie jedoch nur, wenn der Benutzer möglichst schnell findet, was er sucht und damit ein zufriedener Nutzer ist, der wiederkommt. Also hängt alles davon ab, wie präzise Google einem suchenden Individuum genau das richtige Ergebnis anzeigen kann. Demgegenüber steht eine unfassbar große Anzahl von Internetseiten, die, egal bei welchem Suchbegriff, als erstes angezeigt und natürlich auch besucht werden wollen.

Jede Suchmaschine arbeitet permanent an ihren Suchalgorithmen und passt diese an. Kaum ein interner Mitarbeiter weiß genau, nach welchen Kriterien die Suchergebnisse angezeigt werden.

Nicht beeinflussbare Faktoren auf Suchergebnisse

Um dem Suchenden möglichst genaue Ergebnisse zu liefern, haben folgende Punkte Einfluss auf das Suchergebnis. Diese Aspekte können vom Suchenden nur bedingt bis gar nicht beeinflusst werden und können somit bei der Suchmaschinenoptimierung nicht berücksichtigt werden:
• Geografische Position des Suchenden

  • Was hat der Suchende für Anfragen in der Vergangenheit in der Suchmaschine gestartet?
  • Welche Websites hat der Suchende in der jüngeren Vergangenheit besucht?
  • Wie viele Seiten verlinken auf die eigene Internetseite?
  • Wie hoch ist die Verweildauer auf meiner Internetseite?
  • Wie viele Seiten schaut sich ein Besucher auf meiner Seite an?

Beeinflussbare Faktoren auf Suchergebnisse

• SSL-Verschlüsselung
• Sichtbarkeit für Suchmaschinen aktivieren
• Benutzerfreundliche (selbstredende) URLs
• Breadcrumbs einrichten
• Sitemap erstellen
• Yoast SEO Plugin
• Doppelten Inhalt (Duplicate Content) vermeiden
• Hören Sie nie auf mit SEO
Inhaltliches SEO
• Keywords werden seit 2009 nicht mehr von Suchmaschinen eingelesen. Suchmaschinen lesen den gesamten Inhalt der Seite ein und bewerten selbst, was relevant ist.
• Behandeln Sie Themen, nicht Keywords
• Einmaliger, relevanter Content
• Gut strukturierte Inhalte statt Textwüsten
• Titles und Meta-Descriptions erstellen
• Lesbarkeit des Textes
• Verlinkung zu internen Seiten
• Verlinkung zu externen Seiten
Bildoptimierung
• Bildtitel
• Alt-Texte – Grundsätzlich beurteilen Suchmaschinen ein Bild nach dem Setzen des alternativen Textes. Hat ein Bild keinen Alt-Text, ist dieses Bild nur ein Platzhalter und taucht nicht in den Suchergebnissen auf. Der Alt-Text diente ursprünglich zum Anzeigen anstelle eines Bildes, falls es nicht geladen werden kann. Seit Längerem werden Alt-Texte als wichtige Information für barrierefreie Inhalte genutzt. D.h., wenn Menschen mit einer starken Sehschwäche die Seite besuchen und sich den Inhalt vorlesen lassen, wird der Alt-Text bei Bildern vorgelesen. Diese Gewichtung spielt für Suchmaschinen eine immer größere Rolle.
• Bildunterschriften
• Bildern einen sprechenden Dateinamen geben
• Bilder optimieren und komprimieren
Technisches SEO
• Hierarchischer Aufbau der kompletten Website
• Browser Caching
• CSS und JavaScript minimieren
• Noindex für Seiten, die nicht indexiert werden sollen

#top .fullsize .template-blog .post .entry-content-wrapper > *, #top .fullsize .template-blog .post .entry-content-wrapper { max-width: 100%; }