Vielen Dank (2019 Edition)

Eine unserer jährlichen Traditionen hier ist es, allen Lesern von CSS-Tricks nach dem Jahreswechsel zu danken. Es bedeutet mir viel, dass die Leute hierher kommen und die Worte lesen, die ich schreibe, sowie die Worte all unserer Mitarbeiter und Gastautoren, die hier ebenfalls beitragen.

Danke!

Außerdem werfen wir um diese Jahreszeit einen Blick auf die Zahlen. Ich habe immer versucht, offen über die Analysen auf dieser Website zu sprechen. Wenn ich sie Jahr für Jahr betrachte, dient es immer als gute Erinnerung: Nischen-Blogging ist ein langsames Spiel. Hier gibt es kein exponentielles Wachstum. Gab es noch nie, wird es auch nie geben. Der Trick besteht darin, langsam über die Zeit aufzubauen, sich um die Website zu kümmern, in sie zu investieren, hart zu arbeiten und mit etwas Glück steigen die Zahlen nach oben. Dieses Jahr hat der Gesamtverkehr nicht einmal das getan. Manchmal muss man für das kämpfen, was man hat! Das Wachstum kam jedoch in anderen Bereichen. Schauen wir mal.

Am 1. Januar 2019 wurde das aktuelle Design dieser Website (v17) eingeführt, sodass dieses gesamte Jahr perfekt damit übereinstimmt. Ich werde sicherlich versucht sein, in Zukunft aus Vergleichsgründen größere Iterationen mit demselben Timing zu veröffentlichen.

Gesamtzahlen

Google Analytics zeigt mir 90,3 Millionen Seitenaufrufe, was einem leichten Rückgang gegenüber 2018 mit über 91 Millionen entspricht. Ein Rückgang von 1%. Kein großes Problem, aber natürlich würde ich lieber einen Anstieg von 1 % sehen. Das nehmen wir als Tritt in den Hintern, um ein stärkeres Inhaltsjahr zu produzieren, um es hoffentlich mehr als wettzumachen.

Wir haben im Laufe des Jahres 726 Artikel veröffentlicht, einschließlich Link-Posts und gesponserter Links. Ein guter Sprung von 636 im letzten Jahr und 595 im Jahr davor. Klar ist, dass *Quantität* für uns nicht der Schlüssel zum Traffic ist.

Ich weiß nicht, ob wir zwangsläufig langsamer werden. Ich mag die Tatsache, dass wir mehrmals täglich mit bemerkenswerten Links veröffentlichen, weil ich uns als eine zeitgemäße Branchenpublikation betrachten möchte, die man wie eine Tages- oder Wochenzeitung lesen kann, zusätzlich zu einer zeitlosen Referenz. Ich glaube jedoch nicht, dass wir in die Erhöhung des Volumens investieren werden. Qualität bewegt die Nadel weit mehr als Quantität für diese Truppe.

Es gibt eine Menge Zahlen, die ich mir dieses Jahr einfach nicht ansehen möchte. Traditionell haben wir Dinge wie die Herkunftsländer der Leute, die von ihnen genutzten Browser (Chrome-dominant), mobile Nutzung (seltsam niedrig) und ähnliche Dinge untersucht. Dieses Jahr ist es mir egal. Das ist eine Website. Sie ist für jeden auf der Welt, der sie lesen möchte, egal in welchem Land und mit welchem Browser. Wir verfolgen diese Zahlen immer noch (da Google Analytics dies automatisch tut), sodass wir sie in Zukunft erneut besuchen und historisch betrachten können, wenn es wieder interessant wird. Ein kurzer Blick darauf zeigt jedoch, dass es nicht viel anders ist als in jedem anderen Jahr.

Leistungszahlen sind immer faszinierend. Google Analytics sagt mir, dass die durchschnittliche Seitenladezeit 5,32s beträgt. Bei meinem schnellen Heiminternet (am Büro sogar noch schneller) lädt die Homepage für mich in 970ms, aber sie dauert etwa 30 Sekunden, wenn sie auf „Slow 3G“ gedrosselt wird. „Fast 3G“ sind 8 Sekunden. Es ist durchaus verständlich, dass die meisten Besucher über Verbindungen schneller als 3G verfügen, da der Traffic hauptsächlich auf Desktops ausgerichtet ist. Ohne Cache sprechen wir von 54 Anfragen (einschließlich Werbung) und 770KB (passt auf eine Diskette). Es ist gut genug, dass ich mich nicht darum bemühe, eine Leistungsoptimierung durchzuführen.

Top-Beiträge des Jahres

Man würde denken, wir würden jedes Jahr einen solchen Abschnitt erstellen, aber aufgrund unserer URL-Struktur hatte ich keinen einfachen Zugang, dies herauszufinden. Glücklicherweise hat uns Jacob Worsøe im März 2019 einige benutzerdefinierte Dimensionen zu unserem Google Analytics hinzugefügt, damit wir Dinge wie Autor und Jahr mit jedem Seitenaufruf verfolgen können.

Das bedeutet, dass wir Dinge finden können, wie zum Beispiel die **beliebtesten Artikel, die 2019 geschrieben wurden**, anstatt nur die beliebtesten Artikel, die 2019 aufgerufen wurden – unabhängig davon, wann sie geschrieben wurden. Hier ist ein Diagramm, das Jacob geschickt hat.

Hier ist die Liste als Text.

1. Die große Kluft
2. Farbe einer SVG bei Hover ändern
3. Neue ES2018-Funktionen, die jeder JavaScript-Entwickler kennen sollte
4. Eine Einführung in Web Components
5. Wo lernst du HTML & CSS im Jahr 2019?
6. Die vielen Möglichkeiten, eine SVG-Füllung beim Hovern zu ändern (und wann man sie einsetzen sollte)
7. Look Ma, No Media Queries! Responsive Layouts mit CSS Grid
8. Wie Sie Ihre HTML-Struktur gliedern
9. Prevent Page Scrolling When a Modal is Open
10. CSS-Animationsbibliotheken

8,25% des Traffics kamen von Artikeln, die in diesem Jahr geschrieben wurden. Wenn man sich ansieht, wo diese Artikel in der Liste aller URLs im Jahr 2019 rangieren (nicht nur die, die 2019 veröffentlicht wurden), beginnt der Top-Artikel auf Platz 75! Es ist schwer, mit älteren Artikeln zu konkurrieren, die Zeit hatten, SEO-Schwung aufzubauen. Diese Art von Dingen lässt mich noch mehr auf referenzielle Inhalte fokussieren.

Interessant ist, dass unser Top-Artikel redaktionell war, aber alles andere ist referenziell. Ich mag hier und da ein bisschen Redaktion, aber klar ist, dass unser Brot und Butter technische Anleitungen sind.

Suche

Es gibt zwei Aspekte der Suche, die mich interessieren.

1. Wonach suchen die Leute direkt auf der Website selbst?
2. Welche Suchbegriffe verwenden die Leute bei Google, um diese Website zu finden?

Die On-Site-Suche wird von Jetpacks Elasticsearch Funktion gehandhabt, die ich immer noch sehr mag (sie sind ein Sponsor, aber es ist sehr wahr). Das bedeutet auch, dass wir die Nutzung mithilfe der Analysen auf meinem WordPress.com-Dashboard ziemlich einfach verfolgen können. Ich habe auch ein Search Meter-Plugin installiert, um Suchformulareinträge zu verfolgen. Google-Suchen kann ich über das SiteKit-Plugin einsehen, das aus der Google Search Console stammt.

Hier sind alle drei, Duplikate entfernt.

	Jetpack Suchdaten	Search Meter Suchdaten	Google Suchdaten
1	amazon (?!)	flexbox	flexbox
2	flexbox	Grid	css grid
3	css tricks	flex	css tricks
4	flexbox guide	Animation	css important
5	css grid	svg	css triangle
6	css flex	position	mailto link
7	grid guide	css grid	vertical align css
8	css important	css	css comment
9	the great divide	border	css shapes
10	css shapes	background	css background image opacity

Es gibt einen etwas fett gedruckten Kopf an Traffic hier, wobei unsere Top 10 Seiten etwa 10% des Traffics ausmachen, was mit diesen großen Suchen nach Dingen wie Flexbox und Grid und Leuten, die auf unseren großartigen Anleitungen landen, übereinstimmt. Wenn Sie sich unsere Top 100 Seiten ansehen, macht das etwa 38% des Traffics aus, und Artikel darüber hinaus machen etwa 0,1% des Traffics aus und gehen von dort aus nach unten. Ich würde also sagen, dass unser Long Tail unser wertvollstes Gut ist. Diese Masse an Artikeln, Videos, Snippets, Threads usw., die 62% des gesamten Traffics ausmachen.

Soziale Medien

Es ist immer um diese Jahreszeit, dass ich merke, wie wenig soziale Medien für unseren Traffic tun und mich dumm fühle, weil ich so viel Zeit damit verbringe. Wir nutzen so gut wie nur Twitter und es macht 1% des Traffics zu dieser Seite aus. Wir haben immer noch eine Facebook-Seite, aber sie wird weitgehend vernachlässigt, außer für das automatische Posten unserer eigenen Artikel-Links. Ich finde Wert in Twitter, indem ich Branchengesprächen zuhöre und Spaß habe, aber ich werde mich bemühen, *weniger* Zeit und Energie für unsere ausgehenden Social-Media-Arbeit aufzuwenden. Wenn etwas es wert ist, getwittert zu werden, sollte es es wert sein, gebloggt zu werden; und wenn wir es bloggen, kann es automatisch getwittert werden.

Aber zahlenmäßig sind wir von 380k Followern auf @css auf 430k angewachsen. Solides Wachstum dort, aber die Wachstumsrate ist jedes Jahr gleich, bis zu dem Punkt, dass es seltsam konsistent ist.

Ich habe dieses Jahr auch einen Instagram-Account eingerichtet. Habe dort nicht viel gemacht, aber ich mag es immer noch. Für uns denke ich, dass jeder Post auf Instagram eine kleine Gelegenheit darstellen kann, eine Idee klar zu erklären, die letztendlich eines Tages zu einem schönen referenziellen Buch oder ähnlichem werden könnte. Eine magere 1.389 Follower dort.

Newsletter

Ich mag unseren Newsletter sehr. Es ist dieses einzigartige Stück Text, das jede Woche herausgeht und uns die Möglichkeit gibt, zu sagen, was wir sagen wollen. Es ist oft eine Sammlung von Dingen, die wir auf die Website gestellt haben, also ist es eine Gelegenheit, mit der Website auf dem Laufenden zu bleiben, aber selbst diese internen Links werden mit neuen Kommentaren versehen. Außerdem verlinken wir auf andere Dinge, die wir auf der Website vielleicht nicht erwähnen. Und das Beste von allem: Es gibt typischerweise frische redaktionelle Inhalte, die einzigartig für den Newsletter sind. Der Großteil wird von Robin gemacht, aber wir alle steuern etwas bei.

All das, um zu sagen: Ich denke, er hat viel Potenzial und wir werden definitiv weitermachen.

Wir hatten dieses Jahr den größten Sprung bei der Abonnentenzahl überhaupt, wir starteten das Jahr mit 40k Abonnenten und beendeten es mit 65k. Das ist 2,5-mal der größte Sprung bei den Abonnenten im Jahresvergleich bisher. Ich möchte denken, dass es daran liegt, dass es ein guter Newsletter ist, aber auch daran, dass er dieses Jahr viel besser in die Website integriert ist als je zuvor.

Kommentare

Oh, bittersüße Kommentare. Die schlechte Nachricht ist, dass ich das Gefühl habe, sie werden jedes Jahr ein bisschen schlechter. Es gibt mehr Spam. Die Leute werden ein bisschen nastier. Ich stehe immer am Rande, sie einfach abzuschalten. Aber dann postet jemand etwas wirklich Nettes oder wirklich Hilfreiches und ich werde daran erinnert, dass wir eine Gemeinschaft von Entwicklern sind und ich sie wieder liebe.

4.710 genehmigte Kommentare. Deutlich mehr als 3.788 im letzten Jahr, aber immer noch weniger als 5.040 im Jahr 2017. Beachten Sie, dass dies genehmigte Kommentare sind, und es ist bemerkenswert, dass wir dieses gesamte Jahr über ein System hatten, alle Kommentare manuell zu genehmigen, bevor sie veröffentlicht werden. Letztes Jahr schätzte ich, dass etwa die Hälfte der Kommentare durchging, und dieses Jahr schätze ich sie auf eher 30-40%. Die reine Anzahl der Kommentare ist also nicht besonders interessant, da sie von unserer Haltung zur Genehmigung abhängt. Nächstes Jahr plane ich, dass wir strenger sein werden als je zuvor und nur sehr hochwertige Kommentare genehmigen.

Ich warte immer noch darauf, dass WordPress mich mit einer erneuten Verpflichtung, Kommentare wieder gut zu machen, umwirbt. ;)

Foren

Es gab ein paar Wochen im Dezember, in denen ich die Foren buchstäblich abgeschaltet habe. Sie sind seit Jahren am Ende ihres Lebens angekommen. Das Problem ist, dass ich keine Zeit habe, mich selbst darum zu kümmern, noch glaube ich, dass es sich lohnt, jemanden dafür zu bezahlen, zumindest nicht jetzt. Ganz ehrlich, sie haben keinen Geschäftswert und ich entziehe ihnen nicht genug anderen Wert, um Zeit dafür zu rechtfertigen.

Wenn sie einfach nur dastehen und glückliche kleine Foren wären, würde ich sie in Ruhe lassen, aber das Problem ist **Spam**. Es war am Ende meist Spam, der unglaublich mühsam zu bereinigen ist und zusätzliche menschliche Arbeit erfordert.

Ich habe sie vorerst wieder eingeschaltet, weil ich über ein Spam-Blocker-Plugin informiert wurde, das anscheinend erstaunliche Arbeit speziell gegen bbPress-Spam leisten kann. Einen Versuch wert!

Interessanterweise generierten die Foren im Laufe des Jahres 7 Mio. Seitenaufrufe, was 7,6% des gesamten Traffics auf der Website ausmacht. Das macht irgendwie Sinn, da sie den Großteil der Website-URLs ausmachen und benutzergenerierte Threads sind. Long Tail.

Zielüberprüfung

✅ **Dieses neue Design polieren.** Gemischte Gefühle. Aber ich habe die Website Mitte des Jahres in ein privates GitHub-Repository verschoben, und seitdem gab es 195 Commits, also wird offensichtlich Arbeit geleistet. Ich werde dieses Design das ganze Jahr 2020 beibehalten und ich möchte mich konzentrierter um die Politur bemühen.

✅ **Newsletter-Veröffentlichung und -Anzeige verbessern.** Das haben wir geschafft. Im März haben wir die Autorenschaft direkt hier auf der Website mithilfe des neuen Gutenberg-Editors in WordPress verlegt. Das bedeutet, es ist einfacher zu schreiben und gleichzeitig viel einfacher, es auf dieser Website schön darzustellen. Fühlt sich großartig an.

☯️ **Die Qualitätslatte höher legen.** Ich markiere es nicht als vollständig erreichtes Ziel, weil ich nicht sicher bin, ob wir uns allzu sehr verändert haben. Es gab keinen offensichtlichen Sprung in der Qualität, aber ich denke, wir machen im Allgemeinen ziemlich gute Arbeit und ich möchte, dass wir dort weiterhin stabil bleiben.

❌ **Bessere Anleitungen.** Wir haben nicht viel mit Anleitungen gemacht. Ein Teil des Problems ist, dass es ein wenig verwirrend ist. Einerseits haben wir „Anleitungen“ (z. B. unsere Anleitung zu Flexbox), die offensichtlich nützlich sind und gut funktionieren. Dann gibt es „Anleitungssammlungen“ (z. B. unsere Custom Properties Anleitung), die wie handverlesene und handgeordnete Auswahlen von Artikeln sind. Ich bin mir nicht ganz sicher, wie nützlich diese handkuratierten Anleitungen sind, besonders wenn man bedenkt, dass wir auch Tag-Seiten haben, die besser sortierbar sind. Die am besten funktionierenden sind die handgeschriebenen Artikel-auf-Steroiden-Arten, also ist das die meiste Investition wert.

Neue Ziele

100k auf der E-Mail-Liste. Das wäre ein Zuwachs von 35k, mehr als wir je erreicht haben. Ehrgeizig. Teil davon ist, dass ich versucht bin, bezahlte Werbung auszuprobieren, um sie zu vergrößern, damit ich einen Einblick in diese Welt bekomme. Hatte Twitter nicht eine spezielle Karte, über die Leute direkt von einem Tweet aus abonnieren konnten? So etwas.

Zwei Anleitungen. Die Art von Blogpost-on-steroids. Der Flexbox-Artikel läuft bei uns verkehrsmäßig sehr gut, aber ich genieße auch diese Art von kreativer Ausgabe. Ich werde sehr traurig sein, wenn wir dieses Jahr nicht mindestens zwei wirklich gute schreiben.

Einen klaren Fokus auf How-to-Referenz-Technische Inhalte legen. Das hängt mit dem letzten Ziel zusammen, gilt aber für die tägliche Veröffentlichung. Ich wäre nicht sauer, wenn jeder verdammte Artikel, den wir veröffentlichen, mit "How To" beginnen würde.

Auf Gutenberg umsteigen. Der neue Block-Editor von WordPress. Das ist unser ehrgeizigstes Ziel. Oder zumindest denke ich das. Es ist das Unbekannteste, weil ich buchstäblich nicht weiß, welche Probleme uns beim Umstellen auf über ein Jahrzehnt an Inhalten, die im klassischen Editor verfasst wurden, begegnen werden. Ich glaube nicht, dass es etwas beschädigt. Es geht mehr darum, sicherzustellen, dass

1. das Verfassen von Beiträgen alle gleichen Funktionen und Annehmlichkeiten bietet, die wir jetzt haben,
2. das Bearbeiten alter Beiträge keine manuelle Konvertierungsarbeit erfordert und
3. es sich lohnt.

Aber ich habe es noch nicht einmal versucht, also ist es eine Situation des Nichtwissens, was man nicht weiß.

---

Nochmals, vielen Dank!

Ich habe darüber nachgedacht, wie Bühnenmusiker das tun, wenn sie fast unfehlbar ihren Fans danken. Über jedes Genre hinweg. Selbst wenn sie während der Vorstellung kaum etwas ins Mikrofon sagen, werden sie zumindest den Leuten für ihr Kommen danken, wenn nicht sogar absolute Wertschätzung für die Menge überströmen lassen. Es ist klischeehaft, aber es ist nicht aufrichtig. Ich kann mir vorstellen, dass es wirklich berührend ist, in einen Raum voller Menschen zu blicken, die alle einen Teil ihres Lebens damit verbringen, dir zuzuhören, wie du dein Ding machst.

So fühle ich mich hier. Ich kann euch nicht so leicht sehen wie in einen Raum zu blicken, aber ich spüre es in den Kommentaren, die ihr postet, den E-Mails, die ihr sendet, den Tweets, in denen ihr uns markiert, und allem anderen. Ihr verbringt einen Teil eures Lebens mit uns und das macht mich unglaublich dankbar. Prost.

🍻