kulturbanause Blog

Responsive Design, WordPress, Konzeption, HTML, CSS, JS & UX/UI …

Google


Material Design – Die Designsprache von Google

»Material Design« ist eine von Google stetig weiterentwickelte Designsprache. Sie verbindet die Gestaltungsregeln des klassischen Grafik-Designs mit den Möglichkeiten digitaler Benutzeroberflächen. Ziel von Material Design ist u.a. die Verbesserung der Benutzerfreundlichkeit. Darüber hinaus hat Material Design einen charakteristischen Look, so dass im Material Design gestaltete Interfaces sich ideal kombinieren lassen.

In diesem Artikel erklären wir euch, worin der Unterschied zum Flat Design besteht und welche Gestaltungsregeln beim Material Design berücksichtigt werden sollten.

Beitrag zu Ende lesen

WordPress: interne jQuery-Version über Google CDN im Footer laden

Wer jQuery in WordPress verwenden will, integriert das Script häufig manuell im Header oder Footer der Seite. Das Script wird dazu heruntergeladen, in den Website-Ordner kopiert und von dort aus verknüpft. Alternativ wird es über ein Content Delivery Network (CDN) von Google & Co. geladen.
WordPress verfügt jedoch auch über eine eigene Version von jQuery, die genutzt werden kann. Diese Version wird auch von Plugins verwendet. Wenn ihr jQuery also manuell hinzufügt, kann es passieren, dass jQuery mehrfach geladen wird. Das dauert länger und kann zu erheblichen Konflikten mit Plugins führen.

Beitrag zu Ende lesen

Anzahl der Zeichen im Excerpt anzeigen – für perfekte Google Descriptions

Wenn Ihr einen neuen Beitrag in WordPress verfasst, habt ihr die Möglichkeit neben dem vollständigen Inhalt auch eine kurze Zusammenfassung zu formulieren. Diese Funktion heißt in WordPress „Auszug“ (engl. Excerpt) und wird über den Template Tag (<?php the_excerpt();?>) in das Theme integriert.
Der Artikelauszug bietet sich an um eine auf den jeweiligen Artikel zugeschnittene Meta-Description für Google & Co. zu erstellen. Damit ihr die Länge der Description perfekt auf die von Google angezeigte Zeichenzahl abstimmen könnt, lohnt es sich in WordPress die Anzahl der Zeichen einzublenden.

Beitrag zu Ende lesen

Google+ Profilbild in die Google-Suchergebnisse integrieren

Seit Google+ ins Leben gerufen wurde, integriert Google das Projekt nach und nach in alle bestehenden Dienste. Eine der neuen Integrationsmöglichkeiten ist die Verknüpfung eines Blogs (oder einer Website) sowie eines oder mehrerer Google+ Profile mit der Ergebnisliste von Google. Wenn alles richtig eingestellt wurde, erscheint in der Google-Suche das Profilbild des Autors neben dem entsprechenden Treffer in den Suchergebnissen. Das sieht dann so aus.

Beitrag zu Ende lesen

Google +1-Button lädt jetzt auch asynchron (= schneller)

Google hat ein Update des +1-Buttons bereitgestellt. In den erweiterten Optionen kann nun festgelegt werden, dass die Scripte des Buttons asynchron geladen werden. Diese Option führt dazu, dass der Google-Button schneller geladen wird und nicht wie bisher den Seitenaufbau spürbar ausbremst.

Ich habe meinen früheren Artikel zur Integration des Buttons entsprechend angepasst. Solltet ihr das Snippet verwenden, so prüft bitte euren Code.

Google+ Vanity-URLs und Trends

google-plus-icon

Facebook bietet die Möglichkeit für eine Fanpage oder ein privates Profil eine so genannte Vanity-URL einzurichten. Aus einer unübersichtlichen und für Suchmaschinen nicht sonderlich wertvollen URL wie facebook.com/profile.php?id=123456789101112 wird dadurch eine brauchbarere Adresse wie facebook.com/kulturbanause.de.
Bei Google+ existiert diese Möglichkeit im Moment leider noch nicht. Wollt ihr einen Link zu eurem Google+ Profil veröffentlichen, so müsst ihr die komplette Benutzer-ID ausschreiben: https://plus.google.com/u/0/106537592401126010838.

Auch wenn Google+ erst ein paar Tage alt ist, so zeichnen sich bereits zwei Trends ab, die dieses Problem lösen.

Beitrag zu Ende lesen