Web – Seite 5 – Martina Rüter: Web – Text

Google Search Console (früher: Google Webmaster Tools)

Martina Rüter6. August 201814. August 2020

Google Search Console ist ein kostenloser Online-Dienst von Google zur Suchmaschinenoptimierung (SEO). Der Dienst gibt Informationen über die eigene Website, wie z.B. über welche Keywords (Suchbegriffe) Besucher von der Google-Suche auf die Website gelangt sind. Zudem kann die Sitemap sowie die robots.txt überprüft werden und Google macht auch Verbesserungsvorschläge für HTML-Dokumente.
Die Google Search Console bietet somit eine Mini-Webstatistik aus Google-Sicht. Der Fokus der Search Console liegt auf dem, was der Crawler technisch erfasst, während Webanalyse- oder Webstatistiktools wie Google Analytics oder Matomo (früher: Piwik) Auskunft darüber geben, was die Nutzer während eines Besuches auf der Website machen und über welche Kanäle sie auf die Website gekommen sind. Google Analytics und Matomo werten alle Statistik-Daten aus; beziehen also auch andere Suchmaschinen mit ein.

Google Search Console: Website aus der Sicht von Google

Webstatistik-Tool (Analytics oder Matomo): Umfassende Besucheranalyse; wertet alle Statisik-Daten aus.

...weiterlesen "Google Search Console (früher: Google Webmaster Tools)"

Onpage-Optimierung: technische Maßnahmen zur Suchmaschinen-Optimierung

Martina Rüter30. Juli 201814. August 2020

Der Google-Bot ist ein Computer-Programm, welches nicht die optische Schönheit einer Website, sondern die Codebasis liest und beurteilt. Deshalb gibt es einige Optimierungsmöglichkeiten, die den Quelltext, also das HTML-Dokument und seinen strukturellen Aufbau, betreffen.
Um die grundsätzliche Qualität der Programmierung zu beurteilen, kann man z. B. den W3C HTML und den CSS Validator einsetzen. Die Testergebnisse zeigen, wie gut der Quelltext den HTML/CSS-Standards entspricht.

...weiterlesen "Onpage-Optimierung: technische Maßnahmen zur Suchmaschinen-Optimierung"

Checkliste: Inhaltliche Qualität von Websites

Martina Rüter23. Juli 201814. August 2020

Alle Maßnahmen, die auf der Website selbst erfolgen können, um die Qualität der Website zu verbessern, dienen der OnPage-Optimierung. Wichtigstes Element ist hierbei die Textqualität, wozu auch zahlreiche formale Kriterien zählen.

...weiterlesen "Checkliste: Inhaltliche Qualität von Websites"

SVG-Sprites

Martina Rüter16. Juli 201814. August 2020

Ein Sprite (engl. unter anderem für ein Geistwesen, Kobold) ist eine Grafikdatei, die viele Symbole bzw. Icons enthält. Diese Grafikdatei fasst also mehrere Grafiken zusammen und spart damit Ladezeit, da die Grafiken nicht einzeln geladen werden müssen; die HTTP-Requests werden dadurch ebenfalls reduziert. Die einzelnen Elemente (Icons, Buttons oder Hintergrundbilder) werden mit der CSS-Eigenschaft background-image und background-position ein- beziehungsweise ausgeblendet.

Der Name "Sprite" rührt daher, dass ein Sprite sich auf dem Bildschirm bewegt, aber im Grafikspeicher nicht zu finden ist, also scheinbar „umherspukt“.

Sprites lassen sich mit einer PNG- oder SVG-Datei realisieren. SVG hat den Vorteil, dass es sich hierbei um Vektorgrafiken handelt, die sich skalieren lassen und sich somit an unterschiedliche Bildschirmgrößen anpassen. ...weiterlesen "SVG-Sprites"

CSS-Frameworks: Bootstrap vs. Foundation

Martina Rüter9. Juli 201812. Juli 2018

CSS-Frameworks: Bootstrap versus ZURB Foundation

CSS- oder Frontend-Frameworks sind unter Web-Entwicklern inzwischen weit verbreitet. Denn sie erleichtern die Entwicklung von responsiven Websites – ohne jedes Mal das Rad neu erfinden zu müssen.

Ein CSS-Framework ist eine Sammlung von Gestaltungselementen und Hilfsmitteln für einfaches und standardisiertes Webdesign mit CSS. Die meisten CSS-Frameworks bieten als Basis ein Raster (Grid-System) sowie grundlegende Gestaltungselemente wie z.B. Schriften (Webtypographie), Farben, Buttons, Menüs und Icon-Fonts oder CSS-Sprites. Darüber hinaus bieten die meisten Frameworks JavaScript-basierte Funktionen bzw. die Integration von jQuery, um dynamische Komponenten wie Slider, Bildgalerien, Accordien und PopUp-Fenster zu realisieren. Die Frameworks sind zudem browserkompatibel, d.h. der Fontend-Entwickler muss sich um browserspezifische Anpassungen kaum Gedanken machen. Die Website funktioniert mit allen modernen Browsern und lässt sich ebenso für große wie auch für kleine Bildschirme optimieren und anpassen. Ein weiterer Vorteil ist, dass alle Standard-HTML-Elemente von der Überschrift bis zum Formularfeld durchgestylt sind und über ein Grundstyling verfügen. Die Standard-Eigenschaften können natürlich den individuellen Wünschen angepasst werden. ...weiterlesen "CSS-Frameworks: Bootstrap vs. Foundation"