Danke (Ausgabe 2021)

Das Jahr ist zu Ende und es ist wieder Zeit für unseren Jahresrückblick. Die wichtigste Botschaft ist diese: Danke. (danke danke)

Vielen Dank, dass Sie vorbeigeschaut und diese Seite gelesen haben. Wenn Sie das nicht getan hätten, wäre ich hier arbeitslos, und ich mag diesen Job sehr, also verdanke ich Ihnen alles. Wie bei einer Weihnachtskarte der Familie möchte ich Ihnen aus unserer Sicht mitteilen, wie das Jahr verlief, sowohl mit Zahlen als auch mit Gefühlen, und dann unsere Ziele überprüfen.

Gesamt-Traffic-Analytik-Zahlen

Die Seite verzeichnete in diesem Jahr **88 Millionen** Seitenaufrufe, **6 % weniger** als die 93 Millionen im letzten Jahr. Der Traffic schwankte in den letzten 4-5 Jahren ein wenig auf und ab, aber diese 6 % sind ein etwas alarmierender Rückgang, den ich nicht gerne sehe. Diese Zahlen stammen von Google Analytics, und einige meiner eigenen Recherchen in diesem Jahr deuten darauf hin, dass vielleicht 20-30 % der Besucher dieser Seite das übliche clientseitige JavaScript-basierte Google Analytics, das ich verwende, tatsächlich blockieren. Möglicherweise ist der tatsächliche Traffic also höher, aber da die Analytik-Implementierung genau die gleiche ist und ich keinen Grund sehe, warum das Blockieren allein im letzten Jahr so stark zugenommen haben sollte, scheint die Abwärtsbewegung real zu sein.

Ein Rückgang des organischen Suchverkehrs um etwa 3 % war hauptsächlich für den Einbruch verantwortlich. Das ist viel, da die Suche **74,6 %** des gesamten Traffics ausmacht. Dies deutet darauf hin, dass wir die Erwartungen der Suchenden nicht gut genug erfüllen. Ein schöner Anstieg von 36 % im direkten Traffic deutet auf ein ziemlich gutes Markenbewusstsein hin, aber der direkte Traffic macht sowieso nur **5 %** des gesamten Traffics aus, sodass er im Vergleich zum Suchmaschinenverkehr keinen großen Unterschied macht. Der Referral-Traffic ist gesunken, Social ist gestiegen, aber beides sind derzeit so kleine Anteile, dass sie die Nadel nicht bewegen.

Sie könnten denken: *Nun ja, Inhalte altern, der Suchmaschinenverkehr zu bestehenden Inhalten wird im Laufe der Zeit abnehmen.* Das stimmt, aber wir veröffentlichen jedes Jahr eine Menge *neuer* Inhalte sowie pflegen und verbessern bestehende Inhalte, daher die Besorgnis.

Wir investieren jedes Jahr gut sechsstellige Beträge in neue und aktualisierte Inhalte. Daher ist ein Rückgang des Traffics entmutigend.

Aber so ist das Spiel manchmal. Ich vermute, es liegt an der starken Konkurrenz im Bereich der Entwickler-Schreiberei, wovon wir als Entwickler alle profitieren, also ist es nicht nur schlecht. Wir werden leben und lernen und unser Bestes tun, um die Gesundheit dieser Seite zu verbessern. Ich habe schon (zähle Finger und Zehen) eine Million Ideen.

Alles in allem denke ich zwar, dass Seitenaufrufe eine interessante und relevante Kennzahl für eine Seite sind, die Werbung als primäres Geschäftsmodell nutzt, aber es gibt viele andere. Die eindeutigen Besucher sind im Vergleich zum Vorjahr von 25,8 Millionen auf **26,3 Millionen** gestiegen, was darauf hindeutet, dass dieses Jahr *mehr verschiedene Personen* die Seite besucht haben, was großartig ist, sie sind nur nicht so viel auf der Seite herumgesprungen oder kamen nicht so oft zurück. Die Seiten pro Besuch sind mit **1,35** sehr stabil, was bedeutet, dass die Leute meistens kommen, lesen und gehen. Keine Überraschung. Es ist hauptsächlich die Sache mit dem "Zurückkommen", an der wir arbeiten müssen.

Der bisher größte Sprung im mobilen Traffic

Ein ziemlich großer Sprung bei der mobilen Nutzung in diesem Jahr!

2021: 20%
2020: 15%
2019: 15%
2018: 12%

Ein Fünftel des gesamten Traffics ist ziemlich interessant. Vor 2018, obwohl der mobile Traffic damals auch stark zunahm, lagen wir im einstelligen Bereich, was ich immer dachte: *Hey, das ist eine Referenzseite für Programmierung und Leute programmieren am Desktop.* Aber klar, das ändert sich und vielleicht lesen die Leute die Seite eher wie eine *Nachrichtenseite*, was mir gefällt. Jahrelang hatte ich das Ziel, diese Seite *sowohl* zu einer Seite mit langen, referenziellen Inhalten *als auch* zu einer Seite zu machen, die man abonnieren kann, um Nachrichten zu erhalten, wie eine Branchenzeitschrift. Bisher läuft es gut.

Inhalte nach Zahlen

Man könnte meinen, wenn wir dieses Jahr das Ziel bei neuen Inhalten verfehlt haben, dann würde vielleicht ein besseres Jahr die Artikel, die 2021 geschrieben wurden, beim Traffic schlagen, aber das ist nicht der Fall. Artikel aus dem Jahr 2021 sorgten 2021 für den meisten Traffic auf der Seite (13,5 % des gesamten Traffics). Hier sind die Artikel, die 2021 die meisten Seitenaufrufe hatten *und* die 2021 geschrieben wurden

1. VS Code-Erweiterungen für HTML – Chris Coyier
2. Wie man Neon-Text mit CSS erstellt – Silvia O’Dwyer
3. Animieren mit Lottie – Idorenyin Udoh 
4. Wussten Sie schon über den :has CSS-Selektor Bescheid? – Robin Rendle
5. Eine Tabelle mit einem festen Header und einer festen ersten Spalte – Chris Coyier
6. Vergleich der neuen Generation von Build- Tools – Hugh Haworth 
7. Fehler, die ich als Engineering-Manager gemacht habe – Sarah Drasner 
8. Lassen Sie uns einen benutzerdefinierten Audio- Player erstellen – Idorenyin Udoh 
9. HTML-Eingaben und -Labels: Eine Liebes- Geschichte – Amber Wilson
10. Front-End-Tests sind für alle – Evgeny Klimenchenko

Diese Listen sollte ich fast nicht posten! Sehen Sie, was mit Daniel Aleksandersen passiert.

Die oben genannten Artikel reichen von 100.000 Seitenaufrufen bis 71.000 Seitenaufrufen. Interessant ist, dass es 44 Artikel gibt, die 40.000 oder mehr Seitenaufrufe hatten, was etwa **2,5-3 Millionen** Seitenaufrufen entspricht. Das ist irgendwie cool, finde ich – der "mittlere Bereich" der Inhalte ist hier ziemlich dick. Die Flexbox-Anleitungsseite allein hatte **6,7 Millionen** Seitenaufrufe, das ist immer noch ein Biest, aber sie wird von allen 2021 veröffentlichten Inhalten übertroffen, die bei 11,8 Millionen liegen. Investitionen in Inhalte lohnen sich also, sie müssen nur so abgestimmt werden, dass wir nicht insgesamt abrutschen. Vielleicht bedeutet das SEO-Tuning von neuen und alten Inhalten.

Hier sind die Top 11-20 von 2021 nur zum Spaß

11. Für das Gehirn ist das Lesen von Computercode nicht dasselbe wie das Lesen von Sprache – Geoff Graham 
12. Lob des eindeutigen Klick- Menüs – Mark Root-Wiley 
13. aspect-ratio – Geoff Graham 
14. Theming und Theme Switching mit React und styled-components – Tapas Adhikary 
15. Das Holy-Grail-Layout mit CSS Grid – Chris Coyier
16. Der perfekte Commit in Git – Tobias Günther 
17. Was wäre, wenn… Sie Visual Studio Code als Editor der Browser-Entwicklertools verwenden könnten? – Geoff Graham 
18. Ist CSS eine Programmier- Sprache? – Chris Coyier
19. Ein Liebesbrief an HTML & CSS – Ashley Kolodziej 
20. JSON in CSS – Chris Coyier

Und hier sind die Top 10, unabhängig vom Jahr, aber immer noch bezogen auf den Traffic im Jahr 2021

1. Ein vollständiger Leitfaden zu Flexbox
2. Ein vollständiger Leitfaden zu Grid
3. Perfektes Vollbild-Hintergrundbild
4. SVG verwenden
5. Die Formen von CSS
6. Media Queries für Standardgeräte
7. box-shadow
8. CSS-Dreieck
9. Wie man @font-face in CSS verwendet
10. How to Scale SVG

Ich sehe gerne, dass der Almanach nicht nur insgesamt ziemlich gut abschneidet, sondern auch einige einzelne Seiten Spitzenleistungen erbringen.

Kommentare

Wir hatten dieses Jahr etwa **4.320** legitime Kommentare auf der Seite, *fast genau* die gleiche Anzahl wie letztes Jahr. Seltsam!

Das scheint viel zu sein, besonders da wir... sagen wir die Hälfte?... der Kommentatoren, die hinterlassen, genehmigen. Es gibt viele Junk-Posts (z. B. "Guter Beitrag!"-artige Dinge, die wir nicht veröffentlichen, um den Autor nicht mit nutzlosen E-Mail-Benachrichtigungen über neue Kommentare zu belästigen, noch die Leser mit nutzlosen Inhalten). Diese Junk-Posts löschen wir einfach (d. h. genehmigen sie von vornherein nicht).

Natürlich gibt es auch Spam. Wir haben die Schwelle von **2 Millionen** Spam-Kommentaren überschritten, aber durch eine Kombination aus Akismet und Anti-Spam schaffen es nicht allzu viele Spams durch und werden vor der Genehmigung leicht gelöscht.

Mental schwanke ich wirklich bei Kommentaren. Manchmal sind sie großartig und hilfreich. Manchmal sind sie voller Unhöflichkeit, Hass und Wut. Diese müssen angesehen und gelöscht werden, was bedeutet, dass Kommentare einen Zugangspunkt für all diese Negativität in mein Gehirn darstellen. Ein Teil von mir denkt, wir sollten sie einfach abschalten, und wenn Leute etwas Wichtiges zu sagen haben, können wir sie ermutigen, ihren eigenen Blog zu nutzen (es ist nicht schwer, einen einzurichten!), um zu kommentieren, und wir werden ihn verlinken, wenn er gut ist.

Aber dann denke ich an all die hilfreichen Kommentare und Kommentare, die mir helfen, auf dem Laufenden zu bleiben. Verdammt, ich habe gerade gelernt, dass Chrome die Entfernung von alert()-Sachen über einen Kommentar von Kyle verschiebt, und das hätte ich sonst wahrscheinlich verpasst. Außerdem die Tatsache, dass es4.320 Stück davon in diesem Jahr gibt, die den Test bestehen, scheint die Waage zum Beibehalten zu neigen.

Newsletter

Wir haben zum Ende dieses Jahres etwa **91.000** Newsletter-Abonnenten, gegenüber 81.000 im letzten Jahr. Ein respektabler Fortschritt, und es ist wahrscheinlich, dass wir die 100.000er-Marke irgendwann im Jahr 2022 erreichen werden.

Riesige Anerkennung für Robin, der den Newsletter mit wunderbarem Schreiben leitet. Ich denke, er hat dieses Jahr wirklich eine Stimme und einen Rhythmus für den Newsletter gefunden.

Wir haben keine einzige Woche verpasst. Ein Teil dessen, was dort hilft, ist, dass sie Sponsoren haben, sodass eine klare Verpflichtung besteht, sie rechtzeitig zu versenden, aber ich denke, es ist eher so, dass wir ein System haben und das System funktioniert.

Ich würde die Newsletter-Abonnements wirklich gerne ankurbeln, mehr weil ich sie für eine wirklich nette wöchentliche Lektüre halte, als aus irgendeinem spezifischen geschäftlichen Grund.

Video

Dank Daves Idee, dass wir ShopTalk stärker ins Videoformat bringen, nutzen wir den CSS-Tricks YouTube-Kanal und hatten damit ein Spitzenjahr bei der Veröffentlichung von Videos! **35** brandneue Videos!

Website-Updates

Das Design hat sich dieses Jahr etwas weiterentwickelt, aber nichts allzu Dramatisches. Normalerweise juckt es mich um diese Jahreszeit in den Fingern nach einem neuen Design, und glauben Sie mir, es gibt Figma-Entwürfe, aber ich hatte einfach noch nicht die Zeit oder die Inspiration für ein echtes v19.

Also keine größeren Änderungen an der Technik hinter der Seite, aber viele kleinere. Zum Beispiel

• Das Yoast SEO-Plugin bereitete mir Probleme. Es hatte super häufige Updates, was wohl gut ist, aber es gab eine hohe Häufigkeit von Problemen mit den Updates, bei denen entweder das Kern-Plugin oder das Pro-Plugin nicht richtig aktualisiert wurde (bis hin zu Problemen, die die Seite buchstäblich zum Absturz brachten) und Einstellungen während der Updates durcheinander gerieten. Eine Zeit lang habe ich es komplett ausgeschaltet. Aber dann hörte ich Gutes über RankMath, also probiere ich das aus, und bisher läuft es gut. Es inspiriert mich irgendwie, Content-SEO ernster zu nehmen. Yoast hatte in anderer Hinsicht Krallen an der Seite, zum Beispiel bietet es einen ziemlich schönen Inhaltsverzeichnistyp, für den ich immer noch nach einer Lösung suche (vielleicht kommt er ja in Core?). Es hatte auch ziemlich nette Breadcrumbs, und ich musste zu Breadcrumb NavXT wechseln.
• Jetpack Boost ist neu auf der Seite dieses Jahr, und ich bin beeindruckt, wie es mit Critical CSS umgeht. Jetpack (Offenlegung: ein langjähriger Sponsor) ist generell äußerst hilfreich. Besonders gefällt mir die Funktionsweise der Seitensuche, die einfach die Jetpack Instant Search out-of-the-box ist.
• Wir haben die Social-Media-Bilder dieses Jahr wirklich perfektioniert.
• Wir haben auch die E-Commerce-Situation perfektioniert. Die MVP Supporter-Mitgliedschaft schaltet zusätzliche Inhalte auf der Seite frei, die ich jetzt in eBook-Formaten anbieten kann. Also bin ich wirklich bereit, mehr von dieser Art von Inhalten zu produzieren.

Zielüberprüfung

🚫 Drei Anleitungen veröffentlichen. Ich dachte, das wäre einfach, da unser Ziel im letzten Jahr 2 Anleitungen war und wir 9 veröffentlicht haben! Aber dieses Jahr haben wir nur eine geschafft: Ein vollständiger Leitfaden zu benutzerdefinierten Eigenschaften. Wir haben einige andere ziemlich große Serien veröffentlicht, wie Tobias Günthers 9-teilige Advanced Git-Serie und vier weitere Einträge in Jay Hoffmans Web History-Serie.

🚫 Konzentrieren Sie sich auf How-to-technische Inhalte rund um unsere Stärken. Das war irgendwie knapp. Es ist nicht so, dass wir dieses Jahr nicht ziemlich viele How-to-technische Inhalte veröffentlicht hätten. Aber ich werde sagen, wir haben versagt, weil ich nicht denke, dass wir das das ganze Jahr über stark genug bedacht haben. Wir haben nicht gesagt: "Wir sind gut in dieser Art von Inhalten, also werden wir uns gezielt darauf konzentrieren", wie dieses Ziel es vorschlug.

🚫 Alle fehlenden Almanach-Einträge abschließen. Ich hasse es, das als gescheitert zu markieren, aber das tue ich nur wegen der Formulierung "alle". Ich glaube, ich hatte im Sinn, dass es eine wirklich klare endliche Anzahl von Almanach-Artikeln gab, die fertigzustellen waren, und wir mussten das nur tun. Ich glaube, es ist viel schwammiger als das, teilweise wegen redaktioneller Entscheidungen (veröffentlicht man einen einzigartigen Eintrag für jede einzelne logische Eigenschaft oder gruppiert man sie zum Beispiel).

Aber auch, sollten wir einen SVG-spezifischen Bereich aufbauen? Sollten wir einen neuen Bereich für alle @at-Regeln haben? Es ist schwer zu sagen, wann der Almanach "vollständig" wäre, also möchte ich es lieber nicht. Diese Seite braucht wirklich eine Bereinigung, aber sie enthält viele Ideen für weitere Arbeiten, die erledigt/in Auftrag gegeben werden müssen, falls jemand daran interessiert ist.

Wir haben es *gut gemacht*, *neue* Einträge zu veröffentlichen – mehr als in jedem relativ neuen Jahr!

Almanach-Eintrag	Veröffentlicht
scale	2021-11-10
translate	2021-11-09
rotate	2021-11-08
mask-border	2021-11-03
padding-inline	2021-09-23
overscroll-behavior	2021-09-14
border-block	2021-09-02
outline-color	2021-09-01
accent-color	2021-08-26
block-size	2021-08-25
outline-style	2021-08-16
outline-width	2021-08-10
text-emphasis	2021-08-04
::backdrop	2021-08-03
hyphenate-limit-chars	2021-07-15
:fullscreen	2021-07-14
mask	2021-07-02
content-visibility	2021-06-21
place-content	2021-05-13
mask-composite	2021-05-10
:empty	2021-04-27
:where	2021-03-23
justify-self	2021-03-18
mask-type	2021-03-02
place-self	2021-03-02
:current	2021-02-23
:future	2021-02-23
border-boundary	2021-02-09
mask-mode	2021-02-03
caret-shape	2021-01-27
caret	2021-01-27
aspect-ratio	2021-01-20
margin-inline	2021-01-14
margin-inline-end	2021-01-14
margin-block-start	2021-01-08
margin-block-end	2021-01-08
margin-block	2021-01-06

Ziele für 2022 festlegen

• Mehr SEO-Fokus. Ich habe SEO in der Vergangenheit fast gemieden. Teilweise, weil die HTML-Best Practices ziemlich einfach und offensichtlich erscheinen, und meine Inbox ist voller totaler Schleimball-Link-Builder, die ich mir wünschen würde, sie würden buchstäblich etwas anderes mit ihrer Zeit machen. Aberrrr. Ich bin einfach unwissend darüber. Ich denke, es wird Spaß machen, interessant und wahrscheinlich nützlich sein, die SEO-Best Practices für eine Content-Seite wie diese sorgfältiger zu betrachten und zu versuchen, sie zu verbessern. Das damit verbundene Ziel: 10 % mehr Seitenaufrufe erzielen. Wir haben dieses Jahr 6 % verloren, daher denke ich, dass 10 % uns wieder auf Kurs und nach oben bringen werden. Aber es ist ein großes Ziel, also bin ich schon nervös deswegen.
• Ein weiteres digitales Buch. Die gesamte Infrastruktur ist vorhanden und ich habe Ideen. Ich muss es nur schreiben und umsetzen.
• Mehr Social-Media-Experimente. Das ist ein vages Ziel, aber egal, wir haben sowieso genug zu tun. Wie bei SEO habe ich mich jahrelang dem dedizierten Social-Media-Arbeit für die Marke CSS-Tricks eher entzogen. Hauptsächlich, weil, wenn ich mir die Traffic-Zahlen ansehe, *so wenig davon* von Social Media kommt, besonders angesichts der Zeit, die wir in der Vergangenheit damit verbracht haben. Wir profitieren nicht wirklich viel von Brand Social Media, warum also die Mühe machen? Nun, vielleicht habe ich es falsch betrachtet. Vielleicht können wir uns einfach nicht darum kümmern, wie viel *Traffic* es generiert, sondern uns um die direkte Verbindung mit den Lesern dort kümmern. Wenn wir auf Social Media unterhaltsamer und interessanter sind, bauen wir vielleicht weiterhin Vertrauen in das auf, was wir hier tun. Vielleicht hilft es, Verkäufe zu steigern, wenn wir das zweite Ziel erreichen. Vielleicht ist es direkter monetarisierbar.

Danke

Besonderer Dank an Geoff! Wenn Sie es nicht wussten, er ist unser leitender Redakteur hier und hält diese gesamte Seite reibungslos am Laufen. Sie arbeiten mit Geoff zusammen, wenn Sie hier gastschreiben.

Besonderer Dank an unsere größten Sponsoren über das ganze Jahr hinweg: Automattic und Frontend Masters. Unsere Jahresabschluss-Serie ist sowohl ein Dankeschön an Sie, die Leser, als auch an sie.

Auf ein weiteres Jahr!

🙏