Der neue WordPress-Editor Gutenberg!

Der neue WordPress-Editor Gutenberg!

Der Gutenberg Editor kommt mit der neuen WordPress-Version 5!

Mit WordPress 4.9.8 wurde auch der neue Gutenberg Editor vorgestellt. Benannt nach dem Erfinder des modernen Buchdrucks – Johannes Gutenberg – soll er auch das Leben der Blogger und Webseitenbetreiber vereinfachen.

Gutenberg ersetzt ab WordPress-Version 5.0 den aktuellen TinyMCE Editor. Der Gutenberg Editor kann mit einem Knopfdruck installiert und ausprobiert werden. Wir haben ihn für euch getestet.

Der Texteditor

Als erstes erstellen wir eine neue Seite und fangen gleich an zu schreiben (oder einen Lorem-ipsum-Text hinzuzufügen). Der Texteditor kommt mit verschiedenen Elementen: Überschrift, Zitat, Vers, Vorformatiert und Liste. Jedes mit seinen eigenen Nutzen und Formatierung.

In der rechten Einstellungsleiste ist es nun möglich die Font-Größe sowie Schriftfarbe und Hintergrundfarbe einzustellen. Die Farben können dabei individuell eingestellt werden, selbst Hexadezimal-Farben sind möglich. Optional kann durch einen Schalter der Initialbuchstabe hervorgehoben werden. Nett. Genauso wie der nette Hinweis, ob der Text bzw. die Farbkombination schwer zu lesen sei.

Eine Übersicht über den Gutenberg Editor

Vorteile:

  • Jeder erstellter Block kann mit zusätzlicher CSS Klasse erweitert werden. Das vereinfacht die individuelle Gestaltung des Textes.
  • Tabellen! Nie wieder nerviges HTML oder andere Plugins, um eine Tabelle zu erstellen.
  • Es ist möglich den alten Editor zu verwenden.
  • Rückgängig-Button
  • praktisch ist auch, dass man nun anschauen kann wie viele Wörter, Absätze und Blöcke die Seite hat. Zudem sieht man wie viele von welcher Überschrift (H1, H2, H3..) genutzt werden.
  • drag & drop der Blöcke
  • Spotlight-Modus, somit weißt du genau welchen Block du gerade bearbeitest.
  • embeds für instagram, facebook, youtube, spotify, etc. jetzt kannst du auch deine eigenen Socialkanäle präsentieren. (Leider nicht ganz DSGVO konform)
  • Hilfreiche Gadgets, wie das Zählen von Wörter, Überschriften, Absätzen und Blöcken auf einer Seite oder Post
  • Vom visuellen Editor auf Text-Editor umstellen

Nachteile:

  • Die Width, Padding und Margin ist nur über CSS änderbar
  • für manche Blogger sind diese Funktionalitäten nicht von Belangen und eher hinderlich um ihre Schreibkreativität freien lauf zu lassen
  • man muss sich erst noch an die neue Benutzeroberfläche gewöhnen
  • Inkompatibilität mit manchen Themes und Plugin
  • Bedienung auf dem Smartphone und Tablet noch problematisch
TYPO3 Geschwindigkeit verbessern durch CDN

TYPO3 Geschwindigkeit verbessern durch CDN

Schnelleres Laden von TYPO3 – aber wie?

Kurze Lade- und Wartezeiten sind im Web immer wichtiger. Sowohl für Besucher als auch für Suchmaschinen ist es wichtig, dass deine TYPO3 Internetseite schnell geladen und angezeigt wird. Wie kannst du dies erreichen, sodass deine Benutzer nicht lange warten müssen? Wir haben die Lösung!

TYPO3 Caching

Mit Caching werden die dynamisch generierten Seiten einer TYPO3 Webseite erstellt und dem Besucher als statische Variante bereitgestellt. Das hat den Vorteil, dass jede Seite nicht immer wieder neu generiert werden muss. Caching ist bereits seit einigen Versionen ein Kern-Element von TYPO3 und muss im Regelfall nicht speziell aktiviert werden.

TYPO3 CDN

Durch TYPO3 Caching erreicht deine Webseite bereits sehr gute Ladezeiten. Bei großen Portalen und aufwendigen Webseiten kann dies jedoch nicht ausreichen. Wir greifen hier zu einer weiteren Optimierungs-Möglichkeit, der Nutzung eines CDN.

Was ist ein CDN?

CDN steht für Content Delivery Network und beschreibt, dass Inhalte einer Webseite über andere Webserver bereitgestellt werden. Es gibt sehr viele große Anbieter – beispielsweise Cloudflare oder AWS CDN – welche CDN als Service anbieten. Der Vorteil hierbei ist, dass ein gut ausgebautes CDN-Netzwerk auf vielen Teilen der Erde Server zur Verfügung stehen hat, wodurch immer optimale Geschwindigkeiten für die Bereitstellung von Inhalten erreicht wird.

Nähere Informationen zu CDN findest du auch hier!

TYPO3 Geschwindigkeit optimieren mit CDN

Es ist sehr einfach möglich in deiner Webseite ein CDN zu konfigurieren. Für TYPO3 existieren zudem für viele gängigen Content Delivery Network Extensions, die installiert werden können. Wenn eine CDN Extension aktiviert wird werden die Ladezeiten deiner Webseite sehr stark reduziert, und im Vergleich zum reinen Caching erhält deine Webseite nochmals einen deutlichen Performance-Booster.

Benötigst du Hilfe bei der Integration eines CDN für deine Webseite? Kontaktiere jetzt die Experten unserer Internetagentur!

SEO OnPage Optimierung

SEO OnPage Optimierung

SEO OnPage Optimierung – im Fokus!

Wie ihr schon im alten Beitrag über Suchmaschinen Optimierung (SEO) gehört habt, kann man SEO in drei Teile aufspalten. Die Onpage-Optimierung, die Optimierungen die wir auf der Webseite selber ändern können und die Offpage-Optimierung, die externen Faktoren beinhalten.

Heute fokussieren wir uns auf das Thema Onpage Optimierung. Dabei werden inhaltlich, technisch sowie strukturelle Anpassungen an der Webseite gemacht. Vorzugsweise sollte man zuerst die Onpage-Optimierung vor der Offpage-Optimierung realisieren.

 

Kurze URLs – Halte die URL kurz

Kurze und lesbare URLs werden eher angeklickt als längere URLs. Außerdem eignen sich kürzere URLs besser um sie zu kopieren oder sie in E-Mails einzufügen. Es sollte möglichst auch das Haupt-Keyword in der URL vorkommen. Je näher diese am Domain-Namen ist, desto größer ist die Chance auf ein besseres Ranking, auch für die Unterseite zu erzielen.

 

Title Tag – Der Titel der Suchmaschinenergebnisse

Ein wichtige Bestandteil bzw. Tag ist der Title-Tag. In einem Title Tag sollte das Haupt-Keyword bzw. eine gute Kombination aus den wichtigsten Keyword bestehen, da er zum Ranking beiträgt. Title Tags werden bei der Ergebnisse der Suchmaschinen angezeigt und gibt den User Hinweise über den Inhalt der Seite. Achte darauf, dass der Title-Tag nicht über 512 Pixel geht. Das kannst du ganz schnell auf MOZ.com testen.

 

Meta-Description Tag – Die Beschreibung der Suchmaschinenergebnisse

Der Meta-Description-Tag wird oftmals als Snippet für die Suchmaschinen verwendet. Ein Snippet beschreibt die Webseite in kurzen Sätzen und wird manchmal für die Suchmaschinenergebnisse genutzt. Falls keine passende Meta-Description gefunden wird, nehmen sich die Suchmaschinen das passendste Snippet aus der Webseite raus und fügt es als snippet hinzu. Sie spielt keine Rolle für das Ranking aber wenn man die Suchmaschinen mit Informationen füttern kann, wieso auch nicht. Vielleicht wird sie auch wieder wichtig.

 

Alt-Attribute – Die Alternative für die Barrierefreiheit im Internet

Das ALT Attribut wird dazu verwendet Bilder, Videos oder anderen Medien einen Alternativtext anzuhängen, falls die Medien nicht verfügbar oder angezeigt werden können. Für sehbehinderte Nutzer der Webseite kann der Alternativtext helfen sich auf der Webseite zu orientieren. Auch hier ist es ratsam ein Keyword in den Alt-tag einzufügen, da sich mittlerweite gezeigt hat, dass das Alt-Tag deutlich zu einer besseren Sichtbarkeit beiträgt. Dennoch soll drauf geachtet werden den Alt-tag nicht übermäßig mit Keywords zu stopfen, da der Suchmaschinen Algorithmus das auch bemerkt und abstraft.

 

Datei-Namen – Sinnvolle benennen

Wie beim Alt-Attribute ist es von Vorteil ein Keyword in den Dateinamen einzuschreiben. Da Suchmaschinen keine Bilder „lesen“ können, lesen sie den Dateinamen aus und wenn in diesem ein Keyword steht umso besser!

 

Fett und kursiv – Stichwörter herausstechen lassen

Fett und kursiv geschriebene Keywords können einen kleinen Beitrag an das Ranking leisten. Auch Leser profitieren von hervorgehobenen Wörter. Also verwende Fett und Kursiv sparsam aber effektiv!

 

Mobile Optimierung – Mobile first!

Die mobile Optimierung spielt eine wichtige Rolle in der Suchmaschinenoptimierung. Das mobile surfen hat das surfen am Rechner weitestgehend abgelöst. Auch Suchmaschinen achten mehr auf „Mobile Friendliness“. Sorge dafür, dass deine Webseite auch mobile für deine Besucher die optimale User Experience bringt.

 

Pagespeed – Einen Zahn zulegen

Nichts schreckt den User schneller ab als eine langsame Webseite. Teste deine Website mit Googles Pagespeed Insights oder GTmetrix. Die Tools zeigen dir auch wie und wo du deine Webseite verbessern kannst.

 

Weitere Fragen? Dann kontaktiert uns unter info@aceart.de

SEO – Suchmaschinen Optimierung

SEO – Suchmaschinen Optimierung

Nach langer Zeit kommt nun endlich ein neuer Blogeintrag.
Heute geht’s um Suchmaschinen Optimierung aka SEO!

Was ist SEO?
SEO ist die Abkürzung für ‚Search Engine Optimization‘ und ist ein Teilbereich vom Online-Marketing.

Wozu dient SEO?
SEO optimiert eine Webseite, damit sie von Suchmaschinen ein besseres Ranking erhält. Schließlich möchte jeder Webseitenbetreiber, dass seine Seite ganz oben im Ranking landet und regelmäßig besucht wird.

Wichtige ‚To Do‘ = On-Page Optimization / Off-Page Optimization
On-Page Optimization bedeutet, dass ihr eure Seite im Backend optimiert. Best Practices sind unter anderem:

Keywords
Keywords sind das A und O. Ohne sinnvolle Texte mit relevanten Stichwörtern oder ‚Keywords‘ leidet die Onlinepräsenz eurer Webseite.
Benutzt nicht zuviele Keywords, ansonsten sehen Suchmaschinen das als Spam an und es wird eher einen negativen Effekt auf eure Seite haben.

HTML Elemente
<title>, benutzt ein Keyword in euren Titel. Der Titel soll nicht länger als 60 Zeichen lang oder 512 pixel breit sein, denn Suchmaschinen bilden nur soviel ab der Rest wird abgehackt.
<meta description>, schreibt eine knackige Beschreibung eurer Seite mit unter 155 Zeichen. Eine gute und interessante Beschreibung regt zum anklicken an 😉

Hyperlinks
Image Links – „alt“ Attribute dienen als Anchor Text und steigern die Relevanz der Seite bei Suchmaschinen!

Sharing is caring
Baut „Like/Share“ Buttons ein damit euer Content um die Welt kommt.

UX Design  
Ein sauberes Layout und gut geschriebener Content fesselt den User und regt ihn an weitere Themen auf euer Webseite anzuschauen.

Responsive
Die Zukunft ist mobil – gestaltet eure Webseite responsive! Es ist nicht sexy wenn eure Seite auf verschiedenen Endgeräten nicht gut aussehen!

Voice Search
Durch den deutlichen Anstieg von Sprachsuche/-bedienung, ist es empfehlenswert eure Keywords dementsprechend anzupassen. User benutzen die Sprachsuche indem sie direkt eine Frage stellen wie z.B „Wo ist die nächste Toilette?“ „Was ist Ebola?“ „Wer ist Waldo?“
Berücksichtigt die großen W-Fragen – „Wer, Was, Wo, Warum, Wie“.

Backlinks
Verlinken und verlinkt werden. Qualitativ gute Artikel werden gerne verlinkt.

Sitemap
Erstellt eine Sitemap damit User sich zurecht finden und Google eine Übersicht eurer Struktur verschaffen kann.

Canonicalization
Vermeidet verschiedenen URLs die auf die gleiche Seite verlinken. Dadurch verstreuen sich eure Linkpopularität auf verschiedene URLs anstatt auf einer. Unter Umständen betrachten Suchmaschinen die Duplikate als primäre Ressource. Vermeidet es indem ihr rel=“canonical“ benutzt.

Crawlability
Ist die Benutzerfreundlichkeit für Suchmaschinen, sie wird beschrieben wie gut die Struktur, der Code und Inhalt einer Webseite für die Indexierung einer Webseite durch Suchmaschinen geeignet sind.

HTTP Status Codes
Verwendet redirects (301-Seiten) um User auf eure neue URL weiterzuleiten etc. Dabei wird die Linkpopularität von der alten auf die neue URL übertragen.

Off-Page Optimization: Dabei handelt es um den Aufbau der Reputation eurer Seite.

Blog
Erstellt einen Blog zu eure Seite mit wertvollen Informationen und lustigen Beiträgen.

Content is KING!
Die beste optimierte Seite bringt euch nichts wenn ihr sie nicht langfristig mit neuen Einträgen pflegt. Versucht im Gespräch zu bleiben und die Leute dazu anzutreiben eure Einträge zu teilen!
Idealerweise sind eure Einträge länger als 300 Wörter. User habens nicht gerne wenn sie auf eine Seite kommen und der Eintrag nur ein 2-3 Sätze beinhaltet.

Partnership Badges
Wenn ihr Partnerfirmen habt, ermuntert sie dazu euch von deren Seite aus zu verlinken! (natürlich solltet ihr dasselbe dann auch für sie tun ;))

Local search optimization
Personalisiert und lokalisiert Suchergebnisse indem ihr euch bei euren lokalen Verzeichnis anmeldet aka Gelben Seiten.

Social Media
Durch social proof oder auch Soziale Bewährtheit wird der Nutzer beeinflusst z.B. Person X kauft etwas ein und lobt das gekaufte. Person Y erfährt davon, vertraut auf X und kauft das Produkt bestenfalls auch.

Foren
Mischt euch unter Foren, kommentiert und erstellt Beiträge zu Themen die ihr dann auf eure Webseite verlinken könnt.

Das wichtigste in Kürze:
OnPage Optimization
OffPage Optimization
Content is King
Usability
Responsive
Crawlability
recherchiert, bewertet, überprüft und erweitert die Keywords
Sharability

Das war eine kleine Übersicht wie ihr eure Webseite dank SEO aufpeppen könnt.

Stay tuned!

Cookie-Einstellung

Bitte treffen Sie eine Auswahl. Weitere Informationen zu den Auswirkungen Ihrer Auswahl finden Sie unter Hilfe.

Treffen Sie eine Auswahl um fortzufahren

Ihre Auswahl wurde gespeichert!

Hilfe

Hilfe

Um fortfahren zu können, müssen Sie eine Cookie-Auswahl treffen. Nachfolgend erhalten Sie eine Erläuterung der verschiedenen Optionen und ihrer Bedeutung.

  • Alle Cookies zulassen:
    Jedes Cookie wie z.B. Tracking- und Analytische-Cookies.
  • Nur First-Party-Cookies zulassen:
    Nur Cookies von dieser Webseite.
  • Keine Cookies zulassen:
    Es werden keine Cookies gesetzt, es sei denn, es handelt sich um technisch notwendige Cookies.

Sie können Ihre Cookie-Einstellung jederzeit hier ändern: Startseite. Startseite

Zurück