Der Post definiert die fünf wichtigsten: AIO, GEO, LLMO, GAIO und das gute alte SEO. Er ist der gemeinsame Bezugspunkt für die fünf einzelnen Pillar-Posts, die jeden Begriff in der Tiefe behandeln.

SEO — Search Engine Optimization

Definition: Optimierung von Inhalten und Technik einer Webseite, damit klassische Suchmaschinen (Google, Bing, DuckDuckGo) sie als relevante Antwort auf eine Suchanfrage einstufen und in den organischen Trefferlisten (SERPs) weit oben anzeigen.

Was dazu gehört:

• On-Page: Title, Meta-Description, Heading-Struktur, interne Verlinkung, semantisches HTML
• Technisch: robots.txt, sitemap.xml, <link rel="canonical">, Core Web Vitals (LCP, INP, CLS), strukturierte Daten (JSON-LD)
• Off-Page: Backlinks aus reputablen Quellen, E-E-A-T-Signale (Experience, Expertise, Authoritativeness, Trustworthiness)

Was es NICHT ist: Keine Garantie für Top-1-Plätze; keine Black-Box-Trickserei wie Keyword-Stuffing oder Cloaking — beides wird von Google aktiv abgestraft.

Quellen: Google Search Central Documentation, web.dev/learn/seo.

AIO — Artificial Intelligence Optimization

Definition: Übergeordneter Begriff für die Optimierung von Inhalten, damit KI-Systeme — von klassischen Suchmaschinen-Snippet-Generatoren bis zu eigenständigen Chat-Assistenten — die Inhalte korrekt erfassen, verstehen und zitieren können.

AIO ist die breite Familie. GEO, LLMO und GAIO sind spezialisierte Teilmengen.

Was dazu gehört:

• Maschinenlesbare Strukturdaten (JSON-LD, Microdata)
• Eindeutige Autor- und Quellangaben (Person-Entität, sameAs-Profile, Datumsangaben)
• Klare, definierte Terminologie (KI-Modelle bevorzugen Inhalte, in denen Begriffe vor Verwendung definiert werden)
• /llms.txt-Konvention für eine maschinenlesbare Site-Übersicht
• Robots-Policy für die einzelnen AI-Crawler (GPTBot, ClaudeBot, PerplexityBot, GoogleOther, CCBot)

Was es NICHT ist: AIO ersetzt SEO nicht; es ergänzt es. Wer SEO ignoriert und nur auf AIO setzt, verliert klassischen Such-Traffic. Beides läuft parallel.

Quellen: llmstxt.org, Google: Robots Specification.

GEO — Generative Engine Optimization

Definition: Optimierung speziell für generative Suchmaschinen — also Tools die nicht eine Linkliste, sondern eine zusammenfassende Antwort liefern, oft mit Quellenangaben. Beispiele: Perplexity, ChatGPT Search, You.com, Google AI Overviews.

GEO ist im Wesentlichen “SEO für AI-Antwort-Engines”.

Was dazu gehört:

• Klare, in sich abgeschlossene Aussagen — generative Engines schneiden gerne ganze Absätze aus, also muss jeder Absatz alleine Sinn ergeben
• Faktendichte mit Belegen — Zahlen, Daten, Eigennamen, alles mit Quelle. Das macht den Inhalt zitierwürdig.
• Strukturierte Headings — generative Engines orientieren sich an <h2>/<h3> um Antworten auf spezifische Sub-Fragen zu finden
• Konsistente Markenpräsenz — die gleichen Aussagen über Profile, About-Seiten, externe Quellen hinweg festigen Autorität

Was es NICHT ist: Kein “Voll-Text dem Bot in den Mund legen” — die Engine fasst zusammen und entscheidet selbst was relevant ist. Auch kein Ersatz für klassisches SEO — Perplexity & Co. nutzen oft die SERP-Rankings als Startpunkt.

Quellen: Princeton/Princeton-Stanford 2023: “GEO: Generative Engine Optimization”, Perplexity AI Help: How does Perplexity choose sources?.

LLMO — Large Language Model Optimization

Definition: Optimierung speziell für die direkte Zitation durch LLMs — also wenn ChatGPT, Claude oder Gemini in einem normalen Chat-Gespräch (nicht in einer Suchanfrage) den Inhalt einer Seite paraphrasiert oder direkt zitiert, basierend auf Trainingsdaten oder Real-time-Lookups.

LLMO und GEO überlappen stark; der Unterschied liegt im Kontext: GEO zielt auf das Such-Interface, LLMO auf das offene Chat-Interface und auf das Vorkommen im Trainings-Korpus.

Was dazu gehört:

• Schöne Markdown-Quellen — viele LLM-Crawler verarbeiten Markdown nativ; /llms-full.txt mit dem konsolidierten Inhalt ist Goldstandard
• Autor-Attribution — <meta>-Author, Schema.org-Person.author, sichtbare Byline pro Artikel. LLMs zitieren häufiger Quellen mit klarem Verfasser.
• dateModified — frische Inhalte werden bevorzugt
• Bewusste Trainings-Policy — entscheide, ob CCBot, Google-Extended, anthropic-ai deine Inhalte ins Modelltraining ziehen sollen. robots.txt ist der primäre Hebel.

Was es NICHT ist: Keine direkte Trafficquelle wie SEO — LLM-Zitate generieren in der Regel keinen Click-Through, sondern Marken- und Autoritäts-Signale.

Quellen: Anthropic: Robots and crawling, OpenAI: GPTBot Documentation.

GAIO — Generative Artificial Intelligence Optimization

Definition: Noch ein Sammelbegriff für die Optimierung gegenüber generativen KI-Systemen jeder Art — sowohl Such-Engines (Überschneidung mit GEO) als auch reine Chat-Assistenten (Überschneidung mit LLMO).

GAIO ist in der Praxis kaum von AIO oder von GEO+LLMO zu unterscheiden. Der Begriff existiert vor allem, weil Marketing-Agenturen ihn als eigenen Service vermarkten.

Was dazu gehört (in der Regel die Vereinigung aus GEO und LLMO):

• Strukturierte Daten plus Markdown-Verfügbarkeit (/llms.txt, /llms-full.txt)
• Belegbare Aussagen mit Datum und Quelle
• Konsistente Markenpräsenz über mehrere Plattformen
• Bewusste Crawler-Policy

Was es NICHT ist: Kein eigenständig neues technisches Verfahren — eher ein Marketingbegriff. Wer GEO und LLMO sauber umsetzt, deckt GAIO automatisch ab.

Quellen: Begriff vor allem in Agentur-Blogs verbreitet; kein etabliertes wissenschaftliches Paper. Search Engine Journal als allgemeine SEO-Branchenreferenz.

Wann brauche ich was?

Praktisch greifen alle Disziplinen in den gleichen Werkzeug-Stack: JSON-LD, eindeutige Autor-Identität, sauberes robots.txt, frische Inhalte, klare Quellen. Wer SEO ordentlich macht und um die AIO-Spezifika ergänzt, deckt 80% aller fünf Begriffe ab.

Die Pillar-Posts

• AIO — Artificial Intelligence Optimization in der Praxis
• GEO — Generative Engine Optimization in der Praxis
• LLMO — Large Language Model Optimization in der Praxis
• GAIO — was hinter dem Begriff steckt
• SEO — moderne Pflicht

Der Post ist Teil der Reihe (siehe Glossar) und beschreibt das Pflichtprogramm jenseits von SEO — also was ihr auf einer Seite konkret umsetzen könnt, damit AI-Crawler (egal welches Modell, egal welche Engine) sie verlässlich erfassen.

Das mentale Modell

AIO besteht aus vier Säulen:

1. Maschinenlesbarkeit — Strukturierte Daten (JSON-LD), /llms.txt, klare Markup
2. Identität — Wer schreibt, woher kommt die Autorität, wie ist sie verlinkt
3. Crawler-Policy — Welche Bots dürfen rein, welche nicht — explizit, nicht implizit
4. Frische und Belege — Aktualisierte Inhalte, Quellen mit Datum

Jede Säule hat konkrete Hebel.

1. Maschinenlesbarkeit

JSON-LD ist der Default

LLMs und AI-Crawler parsen JSON-LD nativ. HTML-Microdata (itemtype, itemprop) funktioniert auch, ist aber für KI-Systeme weniger zuverlässig. Empfehlung: JSON-LD pro Seite, eingebettet als <script type="application/ld+json"> im <head>.

Bei mir ist das ein gemeinsamer @graph-Block pro Seitentyp:

• Home: WebSite + Person
• Post: BlogPosting + Person + BreadcrumbList
• Kategorie/Archiv: CollectionPage + Person + BreadcrumbList
• Generic Page (About, Impressum etc.): WebPage + Person

Wichtig: alle Einträge referenzieren die GLEICHE Person-Entität via @id. Das macht den Author-Knoten in der Knowledge-Graph-Verarbeitung der Crawler eindeutig.

/llms.txt und /llms-full.txt

Die llmstxt.org-Konvention schlägt zwei Dateien am Site-Root vor:

• /llms.txt — eine hand-kuratierte Markdown-Übersicht: Site-Name, Beschreibung, Links zu Hauptseiten und ausgewählten Posts
• /llms-full.txt — eine maschinell zusammengebaute Datei mit dem vollständigen Inhalt aller indexierbaren Posts

llms.txt ist Marketing für die Seite gegenüber LLMs. llms-full.txt ist die maschinenlesbare Volltextquelle. Bei mir wird llms.txt statisch unter source/ gepflegt; die llms-full.txt baut ein Hexo-Generator, der alle nicht-noindex-Posts zu einem Markdown-Dump verkettet.

Klare Headings + Definitionen

LLMs schneiden Antworten gerne aus konkreten Absätzen. Daher:

• Jeder Absatz sollte alleine Sinn ergeben — keine “Wie oben gesagt”-Pronomen-Brücken
• Begriffe vor Verwendung definieren (“ein Service-Worker (clientseitiger JS-Hintergrund-Prozess)…”)
• <h2>/<h3> mit klaren Fragen oder Behauptungen, nicht “Mehr dazu”

2. Identität

Sichtbare Autor-Byline pro Post

Jeder Post braucht Autor und Datum sichtbar für den Leser. Nicht nur als Schema-Microdata, nicht nur im Footer. Eine Meta-Bar pro Post mit Autor, Veröffentlichungsdatum, Update-Datum und (Bonus) Lesezeit erfüllt mehrere Zwecke:

• LLMs lesen das als klare Author-Attribution
• Leser sehen sofort, wer schreibt und wann
• Schema.org-Validatoren bekommen datePublished und dateModified doppelt belegt

Ich hab bei mir genau diese Meta-Bar plus die datePublished/dateModified-Microdata ins Post-Template eingebaut.

Person-Entität mit sameAs

sameAs ist der wichtigste Schema-Trick für AI-Discovery. Eine Person mit:

1
2
3
4

"sameAs": [
  "https://github.com/<user>",
  "https://linkedin.com/in/<user>"
]

…ist für Knowledge-Graph-Crawler ein eindeutiges Signal: dieselbe Person ist auch dort und dort. Damit wird die Autorität von externer Reputation auf die Seite übertragen.

Eine echte About-Seite

Person.url sollte auf eine ECHTE About-Seite zeigen, nicht aufs Impressum (das ist rechtlich, nicht biografisch). Die About-Seite sollte enthalten:

• Bio (1–2 Absätze)
• Tech-Stack / Skills
• Publishing-Prinzipien
• Profile-Links
• Verweis auf Impressum + Datenschutz

3. Crawler-Policy

robots.txt ist nicht “Default”

Eine robots.txt mit nur User-agent: * und leerem Disallow: ist 2026 unterspezifiziert. Die neun aktuell relevanten AI-Crawler:

Jeder dieser Bots respektiert robots.txt-Direktiven. Mein Vorschlag: jeden mit explizitem Eintrag in der robots.txt nennen — auch wenn die Policy “Allow” lautet. Dann ist die Entscheidung dokumentiert.

X-Robots-Tag als HTTP-Header

Für Inhalte die nicht indexiert werden sollen, aber trotzdem erreichbar bleiben müssen, ist <meta name="robots" content="noindex,follow"> der HTML-Weg. Auf Cloudflare-Worker-Ebene kann man auch X-Robots-Tag: noindex,follow als HTTP-Header setzen — defense-in-depth. Auf einem statischen Hexo-Blog reicht meiner Erfahrung nach das Meta-Tag.

4. Frische und Belege

datePublished UND dateModified

Schema.org erlaubt beide. AI-Crawler verwenden dateModified um Frische einzuschätzen. Wenn dateModified fehlt oder gleich datePublished ist, wird der Post als unverändert seit Veröffentlichung gewertet — was nach Jahren zur Abwertung führen kann.

Empfehlung: bei jedem substantiellen Edit den updated:-Frontmatter setzen. Auch Tippfehler-Fixes sind ein Update.

Quellen mit Datum + Kontext

LLMs zitieren bevorzugt Inhalte die selbst zitierfähig wirken: konkrete Zahlen, benannte Urheber, Datumsangaben. Statt “kürzlich gab es einen Datenleak bei einer großen App” lieber “im Juli 2021 wurden 3,8 Milliarden Clubhouse-Telefonnummern auf einem Darknet-Forum angeboten (Check Point Research)”.

Update-Zyklus

Posts altern. Eine jährliche Inventur ist sinnvoll — sonst wachsen Karteileichen die das durchschnittliche Qualitätssignal der Seite verwässern. Was zeitlos brauchbar bleibt, bleibt indexiert. Was thematisch komplett überholt ist, kann auf noindex: true gesetzt werden — bleibt erreichbar, ist aber aus Such- und Sitemap-Index raus.

Verifikation

Wie misst du AIO?

• Schema.org Validator für JSON-LD-Korrektheit
• Google Rich Results Test für Rich-Result-Berechtigung
• curl /llms.txt und curl /llms-full.txt als HTTP-200-Check
• Eigenes Validierungs-Script, das z.B. 5 URL-Typen fetcht und das JSON-LD gegen die erwarteten Pflichtfelder prüft. Hab ich mir bei mir als Dauer-Smoke-Check gebaut.

Was AIO nicht ist

• Kein Trick. Es gibt keine geheime Hintertür zu LLM-Antworten.
• Kein Ersatz für SEO. Die meisten AI-Crawler verwenden die SERP-Rankings oder den klassischen Index als Ausgangspunkt.
• Keine Garantie für Zitation. LLMs entscheiden autonom welche Quellen sie nennen.
• Keine Single-Action. Es ist die Summe aus 10–15 kleinen Disziplinen.

Wo geht’s weiter

• GEO — Generative Engine Optimization für die Such-Engine-Variante
• LLMO — Large Language Model Optimization für die direkte LLM-Zitation
• GAIO — was hinter dem Begriff steckt für die Marketing-Variante
• SEO als Basis für alles davor

Weiterführend

• llmstxt.org — Spezifikation
• Schema.org Vocabulary
• Anthropic: Robots and crawling
• OpenAI: GPTBot Documentation

Der Post ordnet ein, was hinter dem Begriff steckt — und vor allem, was NICHT.

Wo kommt GAIO her?

Während AIO, GEO und LLMO in wissenschaftlichen oder dokumentarischen Quellen verankert sind (Princeton/Stanford zu GEO, die llmstxt.org-Konvention, Anthropic-/OpenAI-Doku für LLMO), entstand GAIO in Agentur-Marketing.

Eine schnelle Suche zeigt: die meisten GAIO-Treffer kommen aus Agentur-Blogs, die einen vermeintlich neuen Service als “GAIO-Optimization” verkaufen. Das ist nicht negativ gemeint — Marketing-Begriffe haben ihre Funktion. Aber es bedeutet: wer GEO und LLMO sauber umsetzt, macht GAIO bereits mit.

Was GAIO inhaltlich abdeckt

In der Marketing-Praxis ist GAIO die Vereinigung aus:

• GEO-Hebeln (frage-fokussierte Headings, faktendichte Absätze, JSON-LD BlogPosting)
• LLMO-Hebeln (llms.txt, Crawler-Policy für Training-Bots, sichtbare Author-Attribution)
• Schema.org-Standards (Person, Article, BreadcrumbList, FAQPage, HowTo)
• Site-Strukturen (saubere URLs, Trailing-Slash-Konsistenz, sitemap.xml)

Anders gesagt: das, was AIO ohnehin als Pflichtprogramm beschreibt — nur unter neuem Namen verkauft.

Warum der Begriff trotzdem existiert

Drei legitime Gründe:

1. Verkürzung gegenüber dem Auftraggeber

Wer einem Geschäftsführer ohne Tech-Hintergrund “wir setzen GEO + LLMO + erweiterte AIO-Praktiken um” erklären müsste, hat eine Powerpoint-Folie weniger wenn er einfach “wir machen GAIO” sagt. Sprachökonomie.

2. Vermarktungs-Hülle für Service-Pakete

Eine Agentur die ein “GAIO-Audit” anbietet, kann darin ein konsistentes Methodologie-Set bündeln, das sonst über mehrere Begriffe zerfasern würde. Pragmatisch sinnvoll.

3. Branding-Effekt durch Akronym-Kombination

“GAIO” klingt nach einem neuen Standard. Marketing-Branchen lieben Akronyme, weil sie Differenzierung suggerieren. Ähnlich wie früher “Web 2.0” oder “Industry 4.0” — der Begriff trägt mehr Bedeutung als seine technische Substanz hergibt.

Die GAIO-Checkliste (also: GEO + LLMO)

Wer eine “GAIO-Optimierte Seite” haben will, geht durch:

Technische Basis:

1. <link rel="canonical"> auf jeder Seite
2. og:url synchron zu canonical (kein index.html-Suffix)
3. JSON-LD: WebSite + Person + BlogPosting/CollectionPage + BreadcrumbList pro Seitentyp
4. /robots.txt mit expliziter Policy für die neun bekannten AI-Crawler
5. /llms.txt + /llms-full.txt für die llmstxt.org-Konvention
6. sitemap.xml ohne .html-Suffixe, ohne archiviertes Material
7. <meta name="robots" content="noindex,follow"> für archivierte Posts (bleiben erreichbar, sind aber aus dem Index raus)

Inhalts-Basis:

8. Sichtbare Author-Byline pro Post (Name, Datum, Update-Datum, Lesezeit)
9. Per-Page <meta description> 120–160 Zeichen, eindeutig pro Seite
10. Frage-fokussierte <h2>-Überschriften (keine “Mehr dazu”-Generika)
11. Selbstständige Absätze (kein “wie oben erwähnt”)
12. Fakten mit Belegen und Datumsangabe

E-E-A-T-Basis:

13. Echte About-Seite mit Bio, Skills, Publishing-Prinzipien
14. Person.sameAs mit Profile-Links zu externen Plattformen
15. Konsistente Markenpräsenz über alle Seiten und externen Profile

15 Punkte. Wer alle 15 hat, ist GAIO-optimiert. Es gibt KEINEN zusätzlichen GAIO-spezifischen Hebel jenseits dieser Liste.

Wie messe ich GAIO-Erfolg

Mit den gleichen Tools wie für GEO + LLMO:

• Schema.org Validator und Rich Results Test für strukturierte Daten
• PageSpeed Insights für CWV (relevant, weil generative Engines auch Performance-Signale lesen)
• Manuelle Stichproben in Perplexity, ChatGPT Search, Claude with Search, Gemini AI Overviews
• Referrer-Logs auf die seltenen Klicks aus den AI-Interfaces

Was GAIO nicht ist

• Kein neuer technischer Standard. Schema.org und llms.txt sind die Standards; GAIO ist ein Marketing-Wrapper drum herum.
• Kein wissenschaftlich definierter Begriff. Im Gegensatz zu GEO (Princeton 2023) gibt es kein Peer-Reviewed-Paper, das “GAIO” als eigenständige Disziplin etabliert hätte.
• Kein Ersatz für AIO/GEO/LLMO. Wer “GAIO” auf der Roadmap hat, sollte die einzelnen Disziplinen kennen, die darin stecken.

Pragmatische Empfehlung

In eigener Kommunikation würde ich GAIO eher vermeiden und stattdessen über GEO + LLMO sprechen — beide sind präziser und unterstreichen, dass es um zwei unterschiedliche Szenarien geht (Such-Engine vs. Chat).

In Auftraggeber-Kommunikation kann GAIO der schnellere Weg sein um ein Paket zu beschreiben, ohne in jedes Detail zu gehen. Pragmatisch akzeptabel — solange die zugrunde liegende Arbeit GEO + LLMO + AIO-Basics tatsächlich umsetzt.

Wo geht’s weiter

• SEO als Basis
• AIO — der wirklich übergeordnete Begriff
• GEO — Such-Engine-Spezifikum
• LLMO — Direkt-Zitations-Spezifikum
• Glossar aller fünf Begriffe

Weiterführend

• llmstxt.org
• Schema.org Vocabulary
• Google: Robots Specification

Diese Engines lesen das Web aktiv und zitieren ihre Quellen. Für eure Seite sind sie damit gleichzeitig eine neue Art SERP und eine neue Art Backlink. Beides profitiert von einer spezifischen Optimierungs-Geometrie.

Wie generative Engines arbeiten

Im Kern haben alle eine ähnliche Pipeline:

1. Query verstehen — was will der User wissen?
2. Retrieval — Welche Quellen sind relevant? Meistens über klassische Such-Indizes (Bing für ChatGPT-Search, Google-CSE-artig für Perplexity).
3. Reranking — Welche der ~50 Treffer kommen in die Antwort?
4. Synthesis — Antwort generieren, Quellen zitieren.

GEO wirkt auf Schritt 3 und 4. Schritt 1 und 2 sind klassisches SEO — wer nicht im Retrieval-Set landet, kann auch nicht reranked werden.

Die fünf GEO-Hebel

1. Frage-fokussierte Headings

Eine generative Engine sucht nach konkreten Antwort-Fragmenten. Wenn ein <h2> direkt eine User-Frage spiegelt, ist die Wahrscheinlichkeit hoch, dass der nachfolgende Absatz als Zitat gewählt wird.

Schlecht:

1

## Mehr dazu

Gut:

1

## Wie installiere ich Hexo unter Linux?

Das ist KEIN Keyword-Stuffing — das ist eine ehrliche, in sich verständliche Überschrift.

2. Selbstständige Absätze

Generative Engines schneiden Absätze als Antwort-Bausteine aus. Wenn ein Absatz “Wie oben erwähnt …” sagt, fehlt der Engine der Kontext und sie überspringt ihn.

Kleiner Test: Lies einen einzelnen Absatz für sich. Versteht ein Leser ohne den Rest des Posts worum’s geht? Wenn nein, ist der Absatz GEO-unfit.

3. Fakten mit Belegen, nicht nur Meinung

Die Engines bevorzugen Inhalte die Belege mitliefern. Quellen, Daten, Zahlen, Eigennamen. “Eine Studie hat gezeigt” ist wertlos; “Princeton 2023 zeigt in ‘GEO: Generative Engine Optimization’ …” ist zitierwürdig.

Bei mir auf dem Blog ist jede inhaltliche Aussage entweder mit Datum versehen oder hat einen Quellenverweis. Macht den Inhalt deutlich zitierbarer.

4. Marken- und Begriffs-Konsistenz

Wenn der gleiche Begriff im Glossar, in der About-Seite, in Posts und in externen Profilen einheitlich verwendet wird, festigt das die Autorität in der Wahrnehmung der Engine.

Beispiel: meine Seite heißt “EinfachAleks”. Das steht überall identisch — im Title, in der JSON-LD-WebSite.name, im <title>-Suffix und im Avatar-Alt-Text. Inkonsistenzen wie “Einfach Aleks” vs. “EinfachAleks” würden das Signal verwässern.

5. Strukturierte Daten (JSON-LD)

Wie schon bei AIO und SEO: BlogPosting, Person, BreadcrumbList. GEO-spezifisch interessant ist außerdem FAQPage — wenn ein Post Fragen+Antworten enthält, kann ein entsprechendes JSON-LD-Schema die Wahrscheinlichkeit erhöhen, dass die Engine den Antwort-Teil zitiert.

Plattform-spezifische Tipps

Perplexity

• Crawler: PerplexityBot (User-Agent)
• Ranking nutzt teils Bing-Index, teils eigene Crawls
• Zitiert sichtbar — die Klicks auf die Quellen sind die Hauptverbindung zum Site-Traffic
• Hilfreich: kompakte, faktendichte Absätze. Lange Storytelling-Posts werden eher fragmentiert.

ChatGPT Search (OpenAI)

• Crawler: OAI-SearchBot (Index) + ChatGPT-User (Real-time-Lookup)
• Verwendet Bing als primären Retrieval-Index. Wer in Bing-Webmaster-Tools nicht eingerichtet ist, fehlt im Korpus.
• Bevorzugt Inhalte mit klarer Author-Attribution.

Google AI Overviews / SGE

• Crawler: Standard-Googlebot + Google-Extended für Gemini-Training (kann separat blockiert werden)
• Zitiert weniger sichtbar als Perplexity. Click-Through niedriger.
• Strukturierte Daten (JSON-LD) sind hier am wichtigsten.

Bing Copilot Search

• Crawler: bingbot (Standard)
• Inhalts-Selektion folgt eng dem klassischen Bing-Ranking
• Wer in Bing rankt, taucht in Copilot-Antworten oft auf

Was GEO nicht ist

• Kein “Keyword-Stuffing für KI”. Engines lesen Bedeutung, nicht Frequenz.
• Kein Garant für Sichtbarkeit. Eine Seite kann perfekt optimiert sein und in der Antwort trotzdem nicht auftauchen, wenn andere Quellen mehr Autorität haben.
• Keine Black-Box. Das Princeton-Paper von 2023 (GEO: Generative Engine Optimization) hat die Effekte messbar gemacht — die genannten Hebel sind keine Verschwörungstheorie.

Wie messe ich GEO-Erfolg

Hart: gar nicht direkt. Es gibt keine “Perplexity Search Console” oder “GEO-Rank-Tracker”.

Weich:

• Manuelles Sample: monatlich 10–20 Queries in Perplexity/ChatGPT Search eingeben und prüfen ob die Seite als Quelle auftaucht.
• Referrer-Logs in Google Analytics / Cloudflare Analytics: Referrer von perplexity.ai, chat.openai.com, you.com sind selten aber harte Beweise.
• Indirekte Indikatoren: Backlinks aus AI-generierten Inhalten (manchmal in Newsletter-Recaps zitiert).

Wo geht’s weiter

• LLMO — Direkte LLM-Zitation jenseits der Suche
• AIO — der Oberbegriff
• SEO — die Basis
• Glossar aller fünf Begriffe

Weiterführend

• Princeton 2023: GEO — Generative Engine Optimization (Paper)
• Perplexity AI Help: How does Perplexity work?
• Bing Webmaster Tools
• Google AI Overviews — How they work

LLMO kümmert sich grundsätzlich um zwei Dinge: dass eure Inhalte ins Trainings-Korpus aufgenommen werden (oder eben nicht, falls ihr das nicht wollt), und dass sie in Real-time-Lookups sichtbar sind.

Zwei Wege in eine LLM-Antwort

Weg A: Trainingsdaten

Wenn ein Modell trainiert wird (GPT-5, Claude Opus 4.x, Gemini 2.x …), liest es einen riesigen Web-Korpus. Wenn eure Seite Teil davon ist, kann das Modell eure Inhalte in JEDER zukünftigen Antwort paraphrasieren — auch ohne Real-time-Lookup. Aber: nur “klassische” Faktenfragen profitieren davon. Aktuelle Themen brauchen Weg B.

Crawler für Trainingsdaten:

• GPTBot (OpenAI)
• ClaudeBot / anthropic-ai (Anthropic)
• Google-Extended (Gemini-Training, getrennt vom Search-Index)
• CCBot (Common Crawl, Open-Data — Basis vieler Modelle)

Weg B: Real-time-Lookup (Function-Calling / Web-Tools)

Moderne Chat-Interfaces holen sich aktuelle Daten live. ChatGPT macht das über Bing, Claude über eigene Such-Tools (Claude with Search), Gemini über Google. Die Real-time-Crawler:

• OAI-SearchBot / ChatGPT-User (OpenAI)
• Claude-User (Anthropic, Web-Suche)
• Google-Extended kann hier auch greifen

Beide Wege respektieren robots.txt-Direktiven. Wer Disallow für einen Crawler setzt, ist aus dem entsprechenden Weg raus.

Die LLMO-Hebel

1. Bewusste Crawler-Policy

Das ist die wichtigste Entscheidung. Vier Optionen:

Option A — Volle Allow (alle Bots): Inhalte gehen ins Training UND in Real-time-Lookups. Maximale Sichtbarkeit. Eure Inhalte können in den Modellgewichten landen.

Option B — Volle Disallow (alle Bots): Inhalte sind unsichtbar für jede LLM. Maximaler Schutz, keine Zitation.

Option C — Training Disallow, Search Allow: Der Klassiker für Publisher. GPTBot, ClaudeBot, anthropic-ai, Google-Extended, CCBot blockieren; OAI-SearchBot, ChatGPT-User, Claude-User, PerplexityBot erlauben.

Option D — Hybrid mit Ausnahmen: Spezifische Bots gezielt, der Rest per Wildcard-Default.

Bei mir ist es Option A — bewusst, weil dieser Blog ein persönliches Projekt ist und ich von LLM-Zitation eher profitiere als verliere.

2. Plain-Markdown-Quellen

LLMs trainieren auf rohem Text. HTML-Markup ist Noise; Markdown ist fast rauschfrei. Wer Markdown-Quellen unter z.B. /llms-full.txt anbietet, ist Modell-Trainings-freundlich.

Ich generiere bei mir die /llms-full.txt automatisch als verkettetes Markdown aller indexierbaren Posts. Das ist gleichzeitig AIO und LLMO.

3. Author-Attribution

LLMs zitieren häufiger Quellen mit klarem Verfasser. Eine <meta>-Author + Person-Schema + sichtbare Byline im Artikel erhöhen die Wahrscheinlichkeit deutlich.

In meinem alten Bestand hatte KEIN einziger Post eine sichtbare Byline. Klares LLMO-Defizit. Nachgezogen — jetzt steht oben Name, Datum, Update-Datum und Lesezeit.

4. Frische via dateModified

LLM-Trainingsdaten haben ein Cutoff-Datum. Real-time-Lookups bevorzugen frische Inhalte. Eine dateModified-Microdata die regelmäßig aktualisiert wird, hilft beiden Wegen. Empfehlung: bei jeder substantiellen Edit den updated:-Frontmatter setzen. Auch Tippfehler-Fixes zählen.

5. Markdown im Body, nicht nur HTML

Hexo (und die meisten statische-Site-Generatoren) rendern Markdown zu HTML. Das ist OK — aber wenn ihr parallel eine reine Markdown-Quelle anbietet (über /llms-full.txt oder einen API-Endpoint), macht ihr es den LLM-Crawlern leichter.

6. Definitionen und Beispiele

LLMs nutzen Embeddings, um semantische Nähe zwischen User-Frage und Inhalt zu finden. Wenn ein Post den Begriff X definiert UND Beispiele für die Anwendung von X liefert, kommt er bei mehr verschiedenen User-Fragen als nähe-Treffer raus.

Glossar-Posts (wie dieser Cluster-Glossar) sind dafür Goldminen.

Was LLMO nicht ist

• Kein Garant für Zitation in einer konkreten Antwort. Modelle entscheiden autonom, was sie zitieren.
• Kein direkter Traffic-Generator. LLM-Antworten haben sehr niedrige Click-Through-Raten. Der Nutzen ist Branding, Autorität, indirekte Erwähnung.
• Kein Ersatz für SEO oder GEO. Die meisten Modelle nutzen Such-Indizes als Retrieval-Backbone.
• Keine garantierte Trainingsdaten-Aufnahme. Auch mit Allow-Policy kann ein Modell-Anbieter entscheiden, eure Seite nicht zu crawlen — oder beim nächsten Training rauszuwerfen.

Wie messe ich LLMO-Erfolg

Schwierig, ähnlich wie bei GEO. Optionen:

• Manuelle Stichproben: monatlich gleiche Faktenfragen in ChatGPT, Claude, Gemini stellen. Tauchst du in der Antwort auf? Wirst du als Quelle genannt?
• Claude-User / ChatGPT-User Referrer: wenn ein User auf einen Quellen-Link in einer Antwort klickt, landet er manchmal mit dem entsprechenden User-Agent oder Referrer auf der Seite. Selten, aber kommt vor.
• Indirekte Marker: Erwähnungen in Newslettern, Social-Media-Posts in denen jemand “ich habe ChatGPT gefragt und es hat einfach-aleks.com genannt” schreibt. Anekdotisch, aber gültig.

Die Schnittmenge zu GEO

GEO und LLMO überlappen zu ungefähr 80%:

Die 80% gemeinsame Basis ist guter Content + saubere Technik. LLMO-Spezifika oben drauf: /llms.txt, Crawler-Policy für Training-Bots, Plain-Markdown-Quellen.

Wo geht’s weiter

• GEO — Such-Engine-Variante
• GAIO — der Marketing-Oberbegriff
• AIO — der echte Oberbegriff
• SEO — die Basis
• Glossar aller fünf Begriffe

Weiterführend

• Anthropic: Robots and crawling
• OpenAI: GPTBot Documentation
• Google: Google-Extended
• Common Crawl: CCBot
• llmstxt.org — Spezifikation

Der Post ist der erste in der Reihe (siehe Glossar) und beschreibt das Pflichtprogramm — die Sachen die ihr auf jeder Seite eh angehen solltet, bevor ihr an AI-Optimierung denkt.

Drei Säulen

Klassisch teilt sich SEO in technisch, on-page und off-page. Bei einem kleinen Blog ist die Reihenfolge meiner Meinung nach:

1. Technisch sauber sein. Wenn der Crawler die Seite nicht versteht, hilft auch der schönste Content nicht.
2. On-Page klar und ehrlich. Title, Description, Heading-Struktur — das, was der Crawler liest.
3. Off-Page wachsen lassen. Backlinks und E-E-A-T-Signale. Dauert, lässt sich nicht erzwingen.

Klingt simpel und ist es eigentlich auch. Interessant wird’s, wenn man sich anschaut wie das auf einer konkreten Seite aussieht.

Technisches Pflichtprogramm

Canonical-URL auf jeder Seite

Die Google Canonical-Doku ist seit Jahren eindeutig: jede Seite die unter verschiedenen URL-Varianten erreichbar ist (mit/ohne www, mit/ohne index.html, mit/ohne Trailing-Slash), braucht ein <link rel="canonical"> das die kanonische Form benennt. Ohne canonical entscheidet der Crawler selbst — und das ist mal so mal so.

Bei mir auf dem Blog war canonical auf KEINER Seite gesetzt, bis ich es nachgezogen habe. Auf Home, Posts, Kategorien, Archiv und den Generic-Pages (Impressum, Datenschutz, About). Beim Hexo macht das ein eigener Helper, der index.html strippt und das Trailing-Slash konsistent setzt.

sitemap.xml ist Crawler-Pflicht

Eine sitemap.xml ist nicht für die User, die ist eine Karte für die Crawler. Sie sollte:

• Nur kanonische URLs enthalten (keine .html-Suffixe, keine Asset-Files wie manifest.json)
• Kein archiviertes oder gelöschtes Material zeigen
• Korrekte <lastmod>-Daten haben

Bei mir hatte die initiale sitemap drei .html-Suffix-URLs (Impressum, Datenschutz, 404) und sogar einen PWA-Manifest-Eintrag drin. Das ist auch der typische Default vieler Generatoren — also schaut auch bei euch lieber zweimal hin.

robots.txt — bewusst, nicht zufällig

User-agent: * mit leerem Disallow: ist die häufigste robots.txt der Welt. Funktioniert grundsätzlich, sagt aber nichts über die wachsende Liste der AI-Crawler aus. Wer 2026 keine explizite Policy für GPTBot, ClaudeBot, PerplexityBot, GoogleOther und CCBot hat, überlässt die Entscheidung dem Default des jeweiligen Anbieters.

Mein Vorschlag: jeden bekannten AI-Crawler einzeln nennen und bewusst Allow oder Disallow setzen. Auch wenn das Ergebnis Allow ist — die Entscheidung ist dann dokumentiert. Mehr dazu im AIO-Post.

Core Web Vitals — der Performance-Hammer

Google priorisiert seit 2021 die drei Core Web Vitals:

• LCP (Largest Contentful Paint): < 2,5 s — wann das größte sichtbare Element fertig ist
• INP (Interaction to Next Paint): < 200 ms — wie schnell die Seite auf Eingaben reagiert
• CLS (Cumulative Layout Shift): < 0,1 — wie viel sich der Inhalt nach dem Laden noch verschiebt

Bei mir war auf der Startseite alles grün — bis auf CLS = 1,0. Das ist das Hundertfache vom Zielwert. Schuldig war das Sidebar-Avatar-Bild ohne width/height-Attribute, das beim asynchronen Laden ungefähr 300 px Reflow ausgelöst hat. Lösung: ein Hexo-Helper der die JPG/PNG-Dimensionen direkt aus der Datei liest und als Attribute setzt. Seitdem grün.

Strukturierte Daten (JSON-LD)

Die Google Search Gallery listet rund zwei Dutzend Schema.org-Typen die in Rich Results landen können. Für einen klassischen Blog reichen vier:

• WebSite auf der Homepage (mit publisher → Person)
• BlogPosting auf jedem Post (mit headline, datePublished, dateModified, author, image)
• Person als zentraler Knoten (Author-Entität mit sameAs-Profilen)
• BreadcrumbList auf Posts und Listing-Pages

Ich pack das in einen einzigen <script type="application/ld+json"> pro Seite, in einem @graph-Block. Alle Schema-Knoten referenzieren die gleiche Person-Entität via @id — damit ist der Author für die Crawler eindeutig.

On-Page — Title, Description, Headings

<title> und <meta description>

Beide werden in den SERP-Snippets gezeigt. Title unter 60 Zeichen, Description 120–160 Zeichen. Beide pro Seite EINDEUTIG — keine generischen config.description-Fallbacks für Home/Category/Archive. Beide auf Wahrheit statt auf Keyword-Stuffing optimieren. Wer hier lügt, wird vom Snippet-Generator von Google ohnehin überschrieben.

Heading-Hierarchie

Eine <h1> pro Seite. <h2> für Hauptsektionen. <h3> für Unter-Abschnitte. Wer <h1> direkt nach <h3> springt (ohne <h2> dazwischen), macht es Screenreadern und manchen Crawlern schwerer als nötig.

Interne Verlinkung

Crawler folgen Links. Eine Seite ohne interne Links ist eine Inselgruppe. Konkret:

• Top-Navigation mit den wichtigsten Hub-Seiten (Archiv, Impressum, About)
• Kategorie-Index als Hub für jede Kategorie
• In-Body-Links zwischen verwandten Posts. Dieser Post linkt zum Glossar und zu den anderen Pillar-Posts.

Off-Page — E-E-A-T und Backlinks

Das E-E-A-T-Konzept (Experience, Expertise, Authoritativeness, Trustworthiness) hat sich seit 2022 in der Google-Welt etabliert. Praktische Signale:

• About-Seite mit echter Bio statt Stub
• Autor-Byline auf jedem Post (Name, Veröffentlichungs- und Update-Datum)
• Person-JSON-LD mit sameAs-Links zu GitHub, LinkedIn etc.
• Impressum + Datenschutz im Footer und unter eigenen URLs

Backlinks selbst sind organisch zu erwerben — Gastbeiträge, Erwähnungen in Forum-Threads, Verweise aus Kollegen-Blogs. Backlinks kaufen ist von Google explizit als Manipulation klassifiziert und wird abgestraft. Also Finger weg.

Was 2026 nicht mehr funktioniert

• Keyword-Stuffing — wird seit über zehn Jahren abgestraft
• Cloaking (verschiedene Inhalte für Crawler und User) — manueller Strafraum
• Doorway-Pages (dünner Content nur für Long-Tail-Keywords)
• AI-Generated Content ohne Editor — die Helpful Content Guidance zielt direkt auf “scaled content abuse” — also massenhaft generierte Texte ohne nachvollziehbaren Autor

Tooling

• Google Search Console — Pflicht. Zeigt Indexierungsfehler, Coverage, Top-Queries, manuelle Maßnahmen.
• Bing Webmaster Tools — gleiche Idee für Bing. Wer Bing ignoriert, ignoriert auch ChatGPT-Search (das auf dem Bing-Index aufbaut).
• PageSpeed Insights — Core Web Vitals, Lab und Field.
• Schema.org Validator — JSON-LD-Korrektheit.
• Rich Results Test — was als Rich Result erscheinen kann.

Zusammengefasst

SEO 2026 ist kein Geheimnis und kein Krieg gegen einen Algorithmus. Es sind ungefähr 15 technische und inhaltliche Standardchecks, die alle dokumentiert sind. Wer die diszipliniert durchgeht, hat eine Seite die

• maschinenlesbar ist
• von Crawlern eindeutig identifiziert wird
• als kanonische Quelle gilt
• ihre Autorität über Konsistenz aufbaut

Und genau diese Eigenschaften sind die Grundlage für AIO, GEO und LLMO — die Disziplinen die mit den AI-Antwort-Engines arbeiten. Wer SEO als “alten Kram” abtut, baut auf Sand.

Weiterführend

• SEO-Glossar dieser Reihe
• Google Search Central — alle Docs
• web.dev/learn/seo
• Schema.org Vocabulary

Die Schwachstelle wurde von einem Sicherheitsforscher entdeckt, der es geschafft hat, eine spezielle Software zu entwickeln, die das System des Kindle angreift und es dem Hacker ermöglicht, bösartige Aktionen auszuführen. Auf diese Weise kann der Angreifer Zugriff auf alle Daten auf dem Gerät erlangen, einschließlich der Nutzerdaten und Passwörter, die in der Kindle-Cloud gespeichert sind.

Ein Forscherteam von Check Point Research (CPR), einer Abteilung von CheckPoint® Software Technologies Ltd, dem weltweit führenden Anbieter von Cybersicherheitslösungen, hat Schwachstellen in Amazon Kindle, dem weltweit beliebtesten E-Book-Reader, gefunden.

Durch Ausnutzung dieser Schwachstellen könnten Hacker die vollständige Kontrolle über das Kindle-Gerät eines Benutzers erlangen und das Amazon-Token sowie andere darauf gespeicherte sensible Daten stehlen. Für einen erfolgreichen Angriff auf den Kindle ist nur ein einziges Buch mit bösartigem Code erforderlich.

CPR wird den Mechanismus dieses Angriffs auf der diesjährigen DEF CON-Konferenz in Las Vegas demonstrieren.

Der mögliche Angriff beginnt mit dem Versand eines bösartigen E-Books an die E-Mail des Benutzers. Sobald das Opfer einen solchen Anhang erhält, muss es ihn nur noch öffnen - und damit wird eine Kette von Aktionen in Gang gesetzt, um das Gerät auszunutzen. Es ist keine zusätzliche Erlaubnis oder Handlung seitens des Nutzers erforderlich. CPR hat bewiesen, dass E-Books als Kindle-Malware mit verschiedenen Folgen verwendet werden können. Ein Hacker könnte zum Beispiel alle E-Books des Benutzers löschen - oder den Kindle in einen bösartigen Bot verwandeln und ihn für Angriffe auf andere Geräte im lokalen Netzwerk des Benutzers verwenden.

Die entdeckten Schwachstellen ermöglichten es Angreifern, eine bestimmte Kategorie von Nutzern ins Visier zu nehmen, was für die CPR-Experten besonders besorgniserregend war. Um eine bestimmte Personengruppe oder Bevölkerungsgruppe anzusprechen, könnte ein Cyberkrimineller beispielsweise einfach ein beliebtes E-Book in der entsprechenden Sprache oder dem entsprechenden Dialekt verwenden. Infolgedessen wurde der Cyberangriff extrem zielgerichtet.

Die CPR meldete ihre Ergebnisse im Februar 2021 an Amazon. Ein April-Update der Kindle-Firmware auf Version 5.13.5 enthielt einen Patch für die entdeckten Sicherheitslücken. Damit wird die Firmware automatisch auf Geräten installiert, die mit dem Netzwerk verbunden sind.

Den gesamten Artikel findet man hier, Link zum Artikel.
Auch Forbs.com hat dazu was geschrieben, hier der Link zu dehren Artikel.

Clouhouse hat bestätigt, dass die Sicherheitslücke in der Verschlüsselungstechnologie lag, die verwendet wurde, um die Daten der Kunden zu schützen. Die Hacker haben es geschafft, diese Verschlüsselung zu umgehen und Zugang zu den Kundendaten zu erlangen. Das Unternehmen hat betont, dass keine Zahlungsinformationen oder Kreditkarteninformationen betroffen sind, da diese auf separaten Servern gespeichert werden.
Der führende Cybersecurity-Experte Jiten Jain berichtet, dass die komplette Datenbank der Clubhouse-Telefonnummern im Darknet zum Verkauf steht.

Die Datenbank enthält Informationen…

über 3,8 Milliarden Telefonnummern sowohl von Clubhouse-Mitgliedern als auch von Nutzern aus deren synchronisierten Kontaktlisten.

Das Unternehmen arbeitet derzeit eng mit Behörden und Cyber-Sicherheitsfirmen zusammen, um das Ausmaß des Datenlecks zu ermitteln und den Schaden zu minimieren. Kunden werden aufgefordert, ihre Passwörter zu ändern und sich an den Kundensupport zu wenden, um weitere Informationen zu erhalten.

Dieses Datenleck ist ein weiteres Beispiel dafür, wie wichtig Datenschutz und Cyber-Sicherheit in der heutigen digitalen Welt sind. Unternehmen müssen sicherstellen, dass ihre Verschlüsselungstechnologie sicher und robust ist und regelmäßig aktualisiert wird, um den neuesten Bedrohungen standzuhalten. Kunden sollten auch sicherstellen, dass sie starke Passwörter verwenden und diese regelmäßig ändern, um ihr Konto vor Hackern zu schützen.

Es bleibt abzuwarten, welche Auswirkungen dieses Datenleck auf Clouhouse und seine Kunden haben wird. In der Zwischenzeit sollten Unternehmen und Kunden gleichermaßen die Bedeutung von Datenschutz und Cyber-Sicherheit im digitalen Zeitalter ernst nehmen und sich bewusst sein, dass niemand vor Datenmissbrauch und -verlust gefeit ist.

Höchstwahrscheinlich stehen Ihre Daten auch dann auf der Liste, wenn Sie noch keinen Zugang zu Clubhouse hatten, so Jain.

Clubhouse dementiert angebliche Datenpanne
Die reine Audioplattform behauptet, Bots würden zufällige Telefonnummern generieren
In einer Erklärung gegenüber einer indischen Nachrichtenagentur dementiert Clubhouse das Datenleck von über 3,8 Milliarden Mobilfunknutzern, die mit der Plattform verbunden sind. Clubhouse sagt, dass “es eine Reihe von Bots gibt, die Milliarden von zufälligen Telefonnummern generieren” und “eine dieser zufälligen Nummern zufällig auf unserer Plattform existiert, aufgrund eines mathematischen Zufalls.” Darüber hinaus erklärte Clubhouse, dass die API des Unternehmens keine Informationen zur Identifizierung der Nutzer liefert.

Clubhouse ist ein beliebtes soziales Netzwerk, in dem Menschen zusammenkommen, um in Echtzeit zu chatten, zuzuhören und voneinander zu lernen. Seit seiner Einführung im März 2020 ist Clubhouse eine App, die nur für geladene Gäste zugänglich ist. Am 21. Juli dieses Jahres hat das Unternehmen die Einladungsoption entfernt und die App für alle Nutzer auf iOS- und Android-Plattformen verfügbar gemacht.

Lesen Sie mehr:

• https://twitter.com/mruef/status/1418693478574346242
• https://www.republicworld.com/technology-news/apps/clubhouse-data-leak-voice-chat-app-denies-3-dot-8bn-phone-numbers-were-released-on-dark-web.html
• https://www.firstpost.com/tech/news-analysis/clubhouse-denies-allegation-of-data-breach-that-claimed-to-leak-3-8-million-phone-numbers-on-dark-web-9837851.html

Analyse

Durch die Analyse des Lighthouse Ranking von meiner Seite konnte ich einige Punkte finden, die mich etwas zum Nachdenken gebracht haben.

• größe der Seite beim Aufruf 1.1 MB
• Anzahl der Verbindungen 36
• Desktop = 85%
• Mobile = 94%

Alles preise wurden beim erstellen des Aktikels aus dem Check Vergleichportal genommen.
Bei der Rechnung in MB wurde die Einheit 1000 genommen.

Ein User hat somit nach 3 Aufrufen der Seite seine ertsten Cent’s schon los. Kommt natürlich drauf an welchen Vertrag er hat.
Damit hatte ich absolut nicht gerechnet! Ich musste handeln!

Auf gehts!

Ziel

Meine Ziele für das Project sind:

• von 1.1 MB auf unter 250KB pro Seite
• Ladezeit von 3 Sekunden auf ca 1 Sekunde
• Anzahl der Verbindungen zu verringern weniger als die hälfte ist Super
• in dem Google Lighthouse Ranking auf maximal möglich beste werte zu kommen

Um somit minimal 3/4 der Kosten für den User zu ersparen und um besseres Ladezeiten zu bringen.

CMS Suche

Die suche erwieß sich nicht so schwer wie ich es mir gedacht habe. Sehr schnell bin ich auf die für mich besten vorteile eines Flat-File-CMS System drauf gestoßen, ab hier war es nur noch eine Frage der Zeit bis ich mich auf eins von einigen für mich passenden CMS Systemmen einige.

CMS Kriterien

Für das neue System habe ich mir eine kleine Liste ein Kriterien aufgeschrieben.

die Kriterien:

• schnell
• stabil
• leicht modefizierbar
• eine moderate anzahl an Themes sollte es schon geben
• das selbe für die PlugIns
• das CMS sollte leicht modifizierbar sein
• wenige Resourcen verbrauchen (anzahl der Files nach dem Build)
• OpenSource
• es sollten von vielen Contributors gepflegt werden, keine “one/two man show”
• die Issues sollten schnell geschlossen werden
• PHP ist nicht erwünscht
• keine Datenbank

Bei der Recherche nach einem CMS System wurde mir klar, dass meine Kriterien auf ein Flat-File-CMS System deuten.

Vorteile eines Flat-File CMS:

• braucht keine Datenbank, der Inhalte ist eine Dateien auf dem Server selbst
• tendenziell sicherer und schont Ressourcen kleiner Hosting-Pakete
• Go-Live/Backup ist schnell durchgezogen, man Kopiert einfach die Dateien aus dem Build verzeichniss
• Für kleinere Blogs sehr performant und deutlich unkomplizierter in der Entwicklung

Vergleich Tabelle

Nun geht es an die Auswertung der Daten.

Gewinner der Plätze 1 bis 3

Nachtem erst mal alle System mit PHP raus waren sind nur noch 3 übrig geblieben:

• Hexo
• VitePress
• NuxtJS

Im weiteren schritt habe ich gesehen, dass VitePress selbst noch in der WIP Phase sich befindet und aus dem Grund verlässt es uns…

Als nächstes musste leider das NuxtJS aufgrund von mangelndet anzahl an schon vorhandeten Themen.

Ergebniss

Und wir haben den Gewinner!
Willkommen Hexo!

Umzug von Wordpress to Hexo

Vorbereitung

Die vorbereitung für den Umzug von Wordpress nach Hexo ist sehr entspannt.
Die Entwickler von Hexo haben ein Wordpress Plugin der euch den ganzen umzug Arbeit erledigt.

Daten Export

Ihr kümmert euch einfach drum, dass ihr euren gesamten Content aus Wordpress einfach in ein File Exportiert.
Das geht mit wenigen Klicks. Dazu müsst ihr euch in eurem Wordpress einloggen.

• Tools
• Export
• den gesamten Content
• Export
  Schon bekommt ihr eine .xml Datei mit euren gesamten Blog.

Transformation

Nun müsst ihr die Daten aus dem .xml in Hexo freundliches Format umwandeln (.md und Bild, Video Formate)
Stellt sicher, dass ihr auf eurem System NodeJS.org und npmjs.com Installiert habt.
Dass könnt ihr in eure Konsole mit folgenden befehlen feststellen.

1

node -v && npm -v

Nun Installiert euch Wordpress to Hexo.

1

npm install hexo-migrator-wordpress -g

Erstellt nun euch ein temporähres Verzeichniss in das Ihr euren Wordpress Content Transferieren wollt.
Wechelt über das Terminal in das Verzeichniss und legt in den Verzeichniss eine Kopie des vorher erstellter .xml Datei.
Nun müsst ihr nur noch folgendes ausführen

1

hexo migrate wordpress XMLDATEINAME.xml

Ergebniss

Nach dem Umzug habe ich den den selben Google Lighthouse Test gegen Hexo gestartet habe volgende Ergebnisse erhalten.

• größe der Seite beim Aufruf ist 80 KB
• Anzahl der Verbindungen 11
• Ladezeit der Seite 1,1 Sekunde
• Desktop = 100%
• Mobile = 92%

Im allgemeinen habe ich alle Parameter des Blogs was die Ausspielung um einiges Verbessert.

ToDos für die Zukunft

• die Optimierung des Blogs auf dem Smartphone zu verbessern
• vll. doch mal Experementell mal das NuxtJS aus zu Probieren?

Schuld an den Abstürzen ist die WebView App mit der Version 89.0.4389.105.

Das Problem kann man sehr einfach Lösen.

• Suchen Sie nach ‘Android System WebView’ in dem Google App Store
• Deinstallieren Sie die aktuelle Version
• Mit der Deinstallation wird die App einfach auf ‘Werkeinstellung’ Zurückgesetzt
• Starten Sie im Anschluss das Handy neu

Und somit ist das Problem behoben.

Ad Blocking Software

Während meiner Arbeit nutze ich das Internet jede freie Minute und auch im privaten Bereich auch. Zu Hause kann ich von der Werbung Flut mithilfe von dem PiHole. Unterwegs bin ich zu Faul um ehrlich zu sagen über das VPN von zu Hause zu Surfen, um aber dennoch Werbung zu blockieren, nutze ich Blokada.org. Denn in Blokada.org kann man genau so wie in Pi-Hole.net, seine eigene Filter definieren oder die Filter der Community hinzuzufügen. Das alles bringt uns jetzt zu dem Browser Brave.

Brave Browser

Brave.com bringt uns ein Stück mehr zu der Privatsphäre die wir so sehr und im Internet wünschen wieder zurück. Denn Brave blockiert Werbung und Tacker mit dessen Hilfe und im Internet die Privatsphäre geraubt wird.

Die wichtigsten / Features des Browsers sind:

• Blockieren von Werbung
• Verhinderung von digitalen Fingerabdrücken*
• Cookie-Kontrolle*
• HTTPS Erzwingung*
• blockiert Skripte*
• Abschirmung Einstellungen pro Standort
  *Die mit einem Sternchen markierten Funktionen sind auf einer oder mehreren Plattformen anhängig.

Werbe Blocker

Beim jeden Seitenaufruf erscheint am Ende der Adressleiste ein Icon mit dem Gesicht eines Löwen (das Brave Logo). Nach dem Klick auf das Logo erscheint die obere Grafik mit der Statistik zu den Geblockten Inhalten auf der gerade aufgerufenen seine.

Die Statistik zeigt an wie viele Tracker, alte HTTP aufrufe und Scripte auf diese Seite blockiert wurden.

Will man allerdings seine gesamte Auswertung an allen blockierten Inhalten sehen muss man einfach einen neuen Tab aufmachen? Bei mir sieht es dann folgendermaßen aus:

• 53.182 Blockierte Anzeigen und Tracker
• 1.407 HTTP zu HTTPS Protokoll Aufwertungen
• 45 Minuten an gesparter Zeit

Zeit Sparer

Durch das Blockieren von Werbungen und den Trackern, werden Daten für den dazugehörigen Tracker oder Werbung nicht geladen. Weniger Daten heißt schnellere Ladezeiten, schnelle Ladezeiten heißt Zeit Sparen für andere sinnvolle Sachen als zu Warten bis die Seite voll mit Werbung sich geladen hat.

Belohnung für Besuch

Werden Sie für das Surfen belohnt und unterstützen Sie Ihren bevorzugten Content Creators.
Mit dem Besuch von bestimmten Seiten erhält der User einen sogenannten BAT-Beitrag.

BAT ist eine Art Währung, die der User als Dankeschön bekommt, wenn er eine Seite besucht hat, die Brave Verifiziert. Alles ist anonym: Niemand (nicht einmal Brave) kann sehen, wer welche Websites unterstützt hat. Wir können lediglich die gesamte Unterstützung für jede Website zählen und den BAT zusenden.

Haben Sie nun einige BAT’s gesammelt können Sie diese auch Spenden, an mich zum Beispiel.

Google hat eine App entwickelt, mit der es möglich ist, in Ländern wo das Internet von der Regierung kontrolliert ist, weiterhin FREI im Internet sein zu können und sich vielleicht mit Themen zu befassen die der Regierung nicht passen.

Eine Abteilung von Google mit dem Namen Jugsaw ist verantwortlich User in verschiedenen Ländern vor Angriffen auf Ihre eigene Privatsphäre zu schützen.

Manche Länder in dehnen das Internet von der Regierung kontrolliert wird, leiten User während Ihrer Internet Aktivität auf “Regierung freundliche Seiten” um. Und kontrollieren so die Meinungsbildung jeder einzelnen Person, die sich darauf einlässt… Der Benutzer bekommt nur das zu sehen, was der Regierung gerade gefällt.

Wenn Sie eine Website besuchen, ändert sich der Aufruf der verständliche Adresse von https://duckduckgo.com/ an die Onio-Adresse z.B. https://3g2upl4pq6kufc4m.onion/, in der Regel über eine unsichere Verbindung. Dies ermöglicht dem diktatorischen Ländern, Anfragen für den Zugriff auf die Ressource abzufangen und Sie entweder zu stoppen, indem Sie das Laden der Website verhindern oder auf gefälschte Seiten umleiten.

Intra überspringt alle Anfragen und Datenverkehr von Anwendungen über eine verschlüsselte Verbindung, wodurch Websites sicher heruntergeladen werden und die Umleitung zu gefälschten Ressourcen nicht ausgelöst wird. Die Anwendung verwendet standardmäßig einen DNS-Server von Google, aber Sie können auch einen Cloudflare-DNS-Server oder ein anderes DNS-Server verwenden, falls gewünscht.

Die Intra-App ist in Android Pie integriert.

Generelles

Yubico zeigte eine Reihe von YubiKey 5-Geräten, die den FIDO2-Standard unterstützen, bei dem die Identifikation ohne ein Passwort auf Basis eines public Key erfolgt. Daher kann ein auf einer Website gestohlener Login nicht auf einem anderen verwendet werden.

Die neue Linie besteht aus vier Modellen. YubiKey 5 NFC und YubiKey 5 Nano werden über einen USB-A-Anschluss verbunden, wobei das erste Gerät die NFC-Technologie unterstützt. Gleichzeitig werden YubiKey 5C und YubiKey 5C Nano an den USB-C-Anschluss angeschlossen.

FIDO2 ist im Anfang April 2018 erschinen und kombiniert Web-Authentifizierung (WebAuthn) und Client-Authenticator-Protokoll (CTAP). Die WebAuthn-API wurde in Web-Plattformen und Browsern integriert (der erste wurde zu Chrome 67 und Firefox 60), und CTAP wird verwendet, um Authentifizierungsdaten über USB oder NFC an das Gerät zu übertragen. FIDO2 übernimmt eine von drei Optionen für die Authentifizierung:

• Single-Factor (kein Passwort), in dem nur das YubiKey-Gerät benötigt wird
• Zwei-Faktor, der neben dem Gerät einen Login und ein Passwort erfordert
• Multifaktor-Authentifizierung, erfordert ein Gerät und Bestätigung mit der Einführung einer PIN.

Das Unterstütz YubiKey 5 Serie

• Protokolle FIDO2 und FIDO U2F
• Chipkarten mit Identitätsüberprüfung (PIV)
• der Yubico OTP-Mechanismus
• der OpenPGP-Standard
• Algorithmen OATH-TOTP und OATH-HOTP
• Challench-Response-Authentifizierung.

Ausblick

Ende Mai 2018 stellte Yubico das SDK für iOS vor. Apple-Entwickler haben die Möglichkeit, Schutz in ihren Anwendungen mit YubiKey NEO zu implementieren.

Dann bist du hier genau richtig. Ich erkläre dir wie du dein Handy retten kannst, und zwar ohne große Programmierkenntnisse.

• Löschen Sie den Cache das Handy. Drücken Sie die Tasten [lauter] + [leiser] sowie [Power] und wählen Sie anschließend “Delete Cache”
• Wenn du nach dem Cache Leeren einen umgefallenen Android zu Gesicht bekommst, mit der Aufschrift “No Command / “Kein Befehl”
• Einfach nochmal die [lauter] Taste kurz drücken und anschließend die [Power], dann öffnet sich das gewünschte Menü.
• Wenn der Akku das Problem ist, Kaufe Sie ein neue.
• Möglicherweise ist das Ladekabel defekt. Testen Sie daher mindestens zwei verschiedene Ladekabel.

Falls das alles nicht hilft, kommst du leider nicht ohne eine Hard Reset aus …

!!! Dabei werden ALLE DATEN AUF DEM HANDY GELÖSCHT !!!

Kleine Anleitung ist hier.

1. Schalten dein Wiko Lenny komplett aus.
2. Halte [lauter] + [leiser] sowie [Power] gedrückt.
3. in dem ersten Menü klick auf [lauter]

• Kommt die Meldung “No Command / “Kein Befehl”
• Einfach nochmal die [lauter] Taste kurz drücken und anschließend die [Power], dann öffnet sich das gewünschte Menü.

4. Navigiere zum Punkt “wipe data/factory reset” und wählen Sie es mit Menü-Taste aus.
5. Navigiere zum Punkt “Yes - delete all user data” und bestätigen mit Menü-Taste. DU LÖSCHST ALLE DATEN GERADE
6. Am Ende wähle die Option “reboot system now” aus.

Dieser ist den Apple und allen anderen Entwicklern schon bekannt, diese Information entnehme ich von:
- https://github.com/twbs/bootstrap/issues/12832
- https://github.com/twbs/bootstrap/issues/10828
- https://github.com/twbs/bootstrap/issues/12692
- https://bugs.webkit.org/show_bug.cgi?id=158517
In all den Links ist ein und derselbe Bug beschrieben nämlich, dass iOS-Geräte die Touch-Möglichkeiten haben den CSS-Hover Effect nicht ausführen. Dafür gibt es eine Lösung die CSS und jQuery beinhaltet, diese sieht folgendermaßen aus. In den Kopfbereich (head) der Website gehört folgende Zeile: ‘‘ Wichtig ist: In der CSS-Datei müssen alle Elemente, die einen Hover State besitzen (element:hover) um eine „active“ Pseudoklasse ergänzt werden. Das ganze sieht dann zum Beispiel so aus: ‘element:hover, element:active { -webkit-user-select: none; -webkit-touch-callout: none; }’ Das negative dran ist, dass JEDES CSS-Element das ein Hover hat folgende schon oben beschriebenen CSS-Zeilen bekommen MUSS. Somit wird der CSS Code bei jedem Code um 5-Zeilen länger! Meine Lösung beinhaltet nur den EINMALIGEN Eingriff in die JavaScript Datei. Folgender JavaScript Schnipsel muss außerhalb von „document ready“

1
2
3
4
5
6
7
8
9

jQuery(document).ready(function() {
  function () {
    $('*').on('touchstart', function () {
      $(this).trigger('hover');
    }).on('touchend', function () {
      $(this).trigger('hover');
    });
  };
});

Ich erzähle von meinen Anfängen und wie ich mich von anderen Bloggern inspirieren ließ. Ich beschreibe auch die Bedeutung von Kontinuität und Hingabe bei der Erstellung von Inhalten und ermutige andere, ihrer Leidenschaft zu folgen und ihre eigenen Geschichten zu erzählen.

Ich betone die Wichtigkeit von Feedback und Interaktion mit meinen Lesern und teile meine Vision für den Blog mit. Ich möchte mein Publikum erweitern und noch mehr Menschen mit meinen Inhalten erreichen.

Der Eintrag ist in einem persönlichen und zugänglichen Ton verfasst und bietet Einblicke in meine Gedankenwelt. Ich hoffe, dass meine Erfahrungen und Ratschläge anderen angehenden Bloggern helfen werden, ihren eigenen Weg zu finden und erfolgreich zu sein.

Wie man Anhang der Besucherzahlen sehen kann, war dieses Jahr nicht so erfolgreich. Grund dafür waren einige private Veränderungen. Zuerst die Beendigung der Ausbildung im Februar 2015, leider keine Übernahme. Ich musste mir was neues Suchen… ich fand den Betrieb in Süden von Köln. Nach genau fünf Monaten (mit ziemlich vielen Überstunden in der Probezeit ’es gab Arbeitstage von über 13 Stunden Arbeitsstunden’) und nicht dem vollen Arbeitsmonat, habe ich eine Kündigung bekommen (2. Sekunden nach der Kündigung wurde mir ein befristeter Arbeitsvertrag vorgeschlagen…) … Naja meine Antwort könnt ihr euch schon denken. Ich bleib lieber Arbeitslos, als bei der Firma weiterzumachen… Dann fand ich eine neue Stelle im Westen von Köln, jetzt im Oktober habe ich dort mein „1. Jähriges“ gefiert. Ich bin viel glücklicher, nicht nur wegen der Arbeit. Es gab in der letzten Zeitauch etwas anderes zu Feiern, ich bin jetzt nicht mehr Solo ;) nach einem Jahr, werden wir jetzt im Dezember zusammenziehen! JUHUUUUU Ich habe jemanden gefunden, mit dem ich den Rest des Lebens verbringen will! Für das alles geht sehr viel Zeit in Anspruch, und genau das ist der Grund für die gleichbleibende und nicht steigende Besucherzahlen. Ich schreibe keine Beiträge (da mir Zeit dafür fehlt). Nach dem Umzug und der Möblierung der Wohnung habe ich mir vorgenommen ein weiteres Projekt von einem sehr guten Freund zu übernehmen, einfach nur Hosten. Außerdem ist es geplant, dass ich Videos auf Youtube Produziere und auf Twitch Streame. Diese vier Sachen (diese Seite, Seite von dem Freund, YouTube und Twitch) werden viel Zeit in Anspruch nehmen. Das muss alles durchgeplant und durchgesprochen und besprochen werden. Und ich fange damit an in dem ich das Design der Seite ändere! Ab heute gilt der neue Design der Seite! Folgendes wird sich noch ändern, bei dem Beitrag-vorschau auf der Startseite wird es kein Bild mehr geben, um die Seite Clean und Minimalistisch zu halten.

Dauer

Die Ausbildung dauert in der Regel 3. Jahre. Da ich die Prüfung im ersten Anlauf nicht bestanden habe, musste meine Ausbildung um 6. Monate verlängert werden.

Ausbildungsform

Die Ausbildung verläuft dual, an zwei Orten, nämlich im Betrieb und in der Berufsschule.

empfohlene Voraussetzungen

Kleine Voraussetzung für den Einstieg ist der Realschulabschluss / Mittlere Reife. Vor der Ausbildung hatte ich schon zwei Realschulabschlüsse, nach der Ausbildung habe ich meinen dritten Realschulabschluss bekommen. Diesen erhält jeder nach Ende der Berufsschule.

Ausbildungsbeschreibung

Ein Fachinformatiker für Anwendungsentwicklung entwickelt komplette Programme, Erweiterungen für bestehende Programme und Anwendungen nach Kundenwunsch. Für so was muss sich der Kunde mit dem Entwickler erst zusammensetzen, und die optimale Lösung für das Anliegen eines Kunden finden. Während des Gesprächs äußert der Kunde seine Wünsche und der Entwickler notiert wie er die Wünsche des Kunden Realisieren soll und ob es Sinn ergibt oder überhaupt machbar ist. Fachinformatiker für Anwendungsentwicklung sind in den Bereichen wie Datenbanken, Content-Management-Systemen, Lagerverwaltungssystemen, Applikationen für mobile Endgeräte, Interaktionsplattformen wie soziale Netzwerke, Online-Spiele oder auch spezialisierte Branchensoftware tätig und werde in ihrem Betrieb für die jeweilige Branche ausgebildet. Nach Ende der Ausbildung besteht die Möglichkeit sich für weitere Bereiche weiter zu bilden. Für jeden der oben genannte Bereiche sind verschiedene Programmiersprachen zuständig sei es C++, C#, Java. Nach der Entwicklung prüfen Fachinformatiker ihr Projekt (Erweiterung, Software …) ausführlich auf Fehler und beheben diese, wenn erforderlich. Nach Abnahme des Projektes durch den Kunden, schulen sie diese, beantworten deren Fragen und stehen bei Problemen zur Verfügung.

Ausbildungsinhalte

Die Ausbildungsinhalte werde ich explizit aus der IHK-Handreichung nehmen. Die Inhalte sind nach den Jahren der Ausbildung sortiert.

Jahr 1

• Einsatzfelder und Entwicklungstrends, Systemarchitektur, Hardware und Betriebssysteme, Anwendungssoftware, Installieren und Konfigurieren
• Leistungserstellung und -verwertung, Markt- und Kundenbeziehungen
• Kaufmännische Steuerung und Kontrolle, Programmiertechniken, Analyse und Design, Programmerstellung und Dokumentation, Testverfahren
• Rechtsform und Struktur Berufsbildung, Arbeits- und Tarifrecht, Sicherheit und Gesundheitsschutz bei der Arbeit Umweltschutz
• Betriebliche Organisation, Informieren und Kommunizieren, Planen und Organisieren, Teamarbeit.

Jahr 2

• Beschaffung, Ist-Analyse und Konzeption, Umweltschutz
• Netze, Dienste
• Datenschutz und Urheberrecht
• Systempflege
• Schnittstellenkonzeption, Kundenspezifische Anpassungen und Softwarepflege
• Testverfahren, Architekturen, Datenbanken und Schnittstellen
• Bedienoberflächen, Software-basierende Präsentation

Zwischenprüfung / wird nicht bewertet, aber die Note fordert meist der Vorgesetzte. Gibt euch also Mühe!

Jahr 3

• Schulung, technisches Marketing, Einführung in Systemen
• Berufsbildung, Arbeits- und Tarifrecht Fachaufgaben im Einsatzgebiet

Im 1. Jahr (je nach Berufsschule) sind meistens Anwendungsentwickler und Systemintegratoren in einer Klasse, da sich das Wissen im ersten Jahr nicht weit voneinander entfernt ist. Im zweiten Jahr lernt man am meisten! Da werdet ihr mit neuen Themen wöchentlich überschüttet! Das ist meiner Meinung nach das schwerste Jahr, es passiert oft das in diesem Jahr die Noten etwas schlechter werden! ABER das ist auch normal! Keine Sorgen ihr kommt da raus! Innerhalb des letzten dritten Jahres wiederholt ihr die ersten zwei Jahre innerhalb eines halben Jahres! Das ist PURE WIEDERHOLUG!!! In dem letzten halben Jahr werden die meisten Lehrer nur noch die Abschlussprüfungen der letzten Jahre mit auch durchgehen. Ihr könnt eure Noten enorm verbessern! Und siehe da sind auch schon die Abschlussprüfungen… Ich wurde für die Lernzeit für die Prüfungen innerhalb des Betriebes freigestellt! Ich war für fast nichts mehr zuständig. Ich kam auf die Arbeit und machte nur die Abschlussprüfungen der letzten Jahre. Je nach Betrieb kann sich das aber komplett unterscheiden.
Als Erstes werdet ihr schriftlich geprüft.
Die Prüfungen gehen zweimal 90. Minuten und ein mal 60. Minuten. Liebevoll werden die durch die IHK und die Ausbilder, GA1 = Profi-prägenden Fachqualifikationen / 90. Minuten GA2 = Kernqualifikationen / 90. Minuten WISO = Wirtschafts- und Arbeitswelt / 60. Minuten genannt. Genug zu der Schule kommen wir nun zum Thema Vergütung.

Gehalt

Mein Pech war, dass ich in einem neuen Bundesland die Ausbildung absolviert habe und den niedrigsten Lohn während der gesamten Ausbildung erhalten habe. Ich war aber auch in einem “5. Man Betrieb“ da kann man auch nicht viel erwarten, es kommt AUCH IMMER auf die Größe der Firma an!

Verkürzungen

Dem Auszubildenden steht die Möglichkeit im zweiten Jahr die Ausbildung zu verkürzen, in Fällen wenn:

• die schulischen Noten es zulassen
• Der Betrieb es dem Auszubilden zutraut.

Die Zeit um die verkürzt wird ist unterschiedlich, es kann von einem halben Jahr bis zu einem Jahr sein. Es hat alles mit den Vorkenntnissen /Vorbildung Zutun. Am Mittwoch, dem 21.01.2015 habe ich meine Abschlussprüfung bestanden! Und darf mich ab jetzt Fachinformatiker für Anwendungsentwicklung nennen. Da ich in meinem Betrieb nicht übernommen wurde, (Betrieb konnte mich aus finanzieller Lage nicht übernehmen, sag ich doch “5. man Betrieb”) bin ich auf der Suche nach einer Arbeitsstelle.

Quellen:

• https://www.aubi-plus.de/berufe/fachinformatiker-fachrichtung-anwendungsentwicklung-48/
• https://www.bitpage.de/2013/programmierung/pflichtlektuere-fuer-die-ausbildung-als-fachinformatiker-anwendungsentwicklung

eZellon

Die eZellon GmbH (Deutsches Unternehmen) ist eine Abzweigung von dem Fraunhofer-Institut. Derzeit ist das Projekt auch auf Kickstarter vertreten und hat schon über 420.000 $ von den gewollten 500.000 $ eingenommen.

Die CES die gerade in Las Vegas stattfinden bietet viele Technik-Neuerungen, vor allem sind für mich die Smartphone-Neuigkeiten interessant. Zwei von den sind besonders mir ins Auge gestoßen nämlich das LG G Flex 2 mit dem 8-Kern Prozessor mit je 2 GHz und der Saygus V2 mit satten 3 GB RAM, 64 GB Speicher und einem microSD Slot der eine microSD Speicherkarte bis zu 256 GB unterstützt. Was mich noch an den Saygus V2 begeistert ist der 5“ Zoll Display 1920x1080 px und Gorilla Glass 4. Seine 21 MP Rück-Kamera und die 13 MP Front-Kameras sind der Hammer, geschweige der 3100mAh Akku, den üblichen Schnickschnack wie LTE, Bluetooth könnt ihr auf Saygus.com  nachlesen. Übrigens die Root-Rechte sind schon verfügbar, man braucht das Handy nicht mehr zu Rooten.

HDD Festplatten hin SSD Festplatten her, die Größe ist entscheidend! Ja die Größe! Die japanischen Hersteller Toshiba haben eine PCIe SSD Festplatte entwickelt die hat die Masse von 16x20x1,65 mm. JA ES SIND MILLIMETER. Die Kapazität der Festplatte ist rund 256 GB. Und was wiegt die Karte? Weniger als 1 Gramm! Das ist noch nicht alles, die 1 TB Variante soll etwas dicker sein, etwa 9,5 mm dich bei den gleichen restlichen Abmaßen.

Titon

Genug von dem Elektronick schnick-schnack, Smartphones, Kraftwerken … wir kommen zu Titon. Was ist Titon fragt ihr euch, Titon ist ein umfangreiches interface Toolkit und bietet Gestaltung Möglichkeiten für Responsives, Mobiles und modernes Design. Titon nutzt HTML5 für die Semantik und CSS3 für die Animation und Design, Sass wird für die CSS Vorbereitung genutzt, und natürlich darf hier auch etwas JavaScript nicht fehlen. Das Titon Toolkit ist auf GitHub verfügbar. Titon Toolkit beinhaltet folgende Komponente: Layout:

• Code
• Form
• Typography
• Responsive Elements: Breadcrumb
• Button
• Grid
• Icon
• Label
• Progress
• Switch Modules:  Accordion
• Blackout
• Carousel / Drop
• Flyout
• Input
• Off Canvas

und viele mehr . Wer zu Titon die Dokumenation haben will, soll die hier finden.

SFTP

SFTP ist eine Erweiterung des FTP (File Transfer Protocol) diese Erweiterung beinhaltet aber einen gravierenden Vorteil, nämlich die Sicherheit! STFP ist die beliebteste Möglichkeit Dateien von Datenübertragung zwischen zwei Systemen. Eine Verbindung stellt man folgendermaßen her sftp Benutzername@Hostmane_oder_IP Adresse, um die Verbindung zu schließen ist der Befehl exitnotwendig. Um Hilfe zu bekommen, schreibt mal entweder help oder ?. Will man in dem entfernteren System Navigieren, Helfen dir folgende Befehle bye Schließe die SFTP Verbindung cd welche das Verzeichnis nach „Ort“ sftp get [-Ppr] remote [local] Lade die Datei auf dein System herunter help zeige Hilfemenü / Hilfetext pwd Zeiget dir das Verzeichnis in dem du dich befindest ls zeigt dir alle Dateien in dem Ordner ls –la zeigt alle Dateien mit Ihren Rechten.

Weitere Information zu dem Thema könnt ihr auf Digitalocean.com nachlesen.

Quellen

• engadget.com
• 3dnews.ru
• 3dnews.ru
• titon.io
• Digitalocean.com

Ein einfaches Update Hilft nicht, nach dem Update MUSS ein Neustart des Rechners durchgeführt werden. UNBEDINGT!

• Öffne ‘nano /etc/apt/sources.list’
• füge die Zeile ‘deb jessie main’ hinzu
• Führe ein Update’sudo apt-get update’
• Installiere ‘sudo apt-get -t jessie install libc6 libc6-dev libc6-dbg’
• Nach der Installation muss der 1. und 2. Schritt rückgängig gemacht werden
• Öffne ‘nano /etc/apt/sources.list’
• Entferne die Zeile ‘deb jessie main’

Wir sind am Ende angekommen. Startet euren Rechner neu. Nach dem Neustart könnt ihr Brackets starten. Es wird ohne Probleme Funktionieren. Die komplette Lösung auf Englisch gibt’s auch auf Github.

Auf der Suche nach etwas bestimmten unterschieden, bin ich auf einen Blog Eintrag von blog.froont gestoßen. In dem Artikel werden die 9. Grund Prinzipien des Web-Designs erklärt. Responsive vs Adaptive Flow Relative Units vs Static Units Breakpoints Max and Min Mobile vr Desktop Webfonts Image vs Vectors nach alle den Beispielen mit den Bildern wissen Sie jetzt womit ich meine Brötchen verdiene ;) Den kompletten Artikeln zu dem Thema finden sie hier auf https://blog.froont.com/.

Geschichte

Geschichte des Web-Designs … gabs da überhaupt eine Geschichte? Ja es gab die, da ich ein Bursche der neuen Zeit bin, habe ich nichts mit Flash und kunterbunten Gifś zu-tun (nichts gegen die Oldies) an euch die in der Zeit gearbeitet haben RESPEKT UND VERNEINUNG!!! Ich lese aus alten Büchern über Flash. Ein Kollege berichtete, dass vor einigen Jahren CSS3 ähnliche Effekte noch mich Gif gemacht wurden. Aber es gibt die Geschichte und ich werdees euch ein wenig von ihr erzählen.

1990

Fangen wir mal mit dem Jahr 1989. Was gabs besonderes im Jahr 1989:

• Phobos 2 verschwindet… man schiebt das auf ein Computer Fehler. (Der größte Fehler, der jedem bekannt ist, sitzt im Schnitt 60 cm bis 80 cm vor dem Bildschirm)
• komische Mumie wird gefunden von unseren uhruhruhruhrruhrrrrrrr Verwandten in der Cheops-Pyramide
• Raketen werden in den Kosmos geschossen, um von anderen Planeten Bilder zu machen (Mars und Neptun)
• sinnvolle und sinnlose Diskussionen in Usenet
• und das, was uns Interessiert ist, sind die “schwarzen Zeiten des Web-Designs” diese sehen ungefähr so aus

1995

Das Jahr 1995 brachte uns unser schrecken des Lebens… diese Tabellen sind leider immer noch da, ich muss jedes Mal fast kotzen, wenn ich mit den Arbeiten muss. Mir kommt jedes Mal der Gedanke, den kompletten Quellcode um zu schreiben bloß aus der Liebe zu dem nächsten Entwickler der an der gleichen Seite vielleicht Arbeiten wird. Kurz und knapp die Tabellen verfolgen uns bis heute noch. JavaScript kam auch in demselben Jahr. Pop-up-Fenster, lästige Werbung dann noch mal Pop-up-Fenster und noch mehr lästiger Werbung. 96’ist was noch schlimmeres als Gif Bilder in unser Entwicklerleben gekommen, nämlich FLASH…

1997

Oh unser geliebtes CSS es gibt von der in Zwischenzeit schon viele Varianten und Modifikation doch am schönsten bist du noch immer noch ganz du selbst und ohne den ganzen schick-Schnak. Verzeih uns, unser letzte Semikolon für eine Klasse/ID. Und vergib uns unsere Fehler. Lebe noch lang und in Frieden mir SCSS und Less und SASS…

2007

Nach langer Aufenthalt im nichts ist im Jahr 2007 stürmisch die goldenen Grid Systemme in unser Leben reingeflogen. 960 Grind uns sonst alle die es gibt…

2010

folgte Responsive Design dem Grid System, wo auch dann im gleichen Jahr Flat ins Spiel kam. Nach dem Flat kam das Material Design. Erst war es Kachelig dann Kachel mit Schatten, was für Emotion Wandel. Auch hier bedanke ich mich für einen schönen Artikel den Blog.Froont.com. CSS-Frameworks wir sind in dem jetzt Zeit angekommen und beschäftigen uns mit den CSS-Frameworks. Es gibt viele Verschiedene manche können eine Sache besser manche eine andere. Aber ihre Aufgabe ist es eine Seite mit nötiger Design und Struktur zu beliefern ohne, dass der Entwickler auch nur eine Zeile Code selbst entwickeln muss. Die Interessantesten findet man beim CodeGeekz. Nur zum Zweck der Verständigung, die Frameworks die dort aufgelistet sind, sind nicht ALLE es gibt noch viel mehr an Frameworks. CodeGeekz bietet einfach nur einen kleinen Vergleich zwischen den 15. ausgesuchten. Material-UI Kacheln mit Schatten habe ich im Vorfeld das Material-Design geschimpft.

Falls es unter euch leser gibt die gerne Podcasts hört, und euch über das Web-Design im groben und ganzen Informieren wollt empfehle ich WebDevBreak.com

Bilderquellen:

• Blog.Froont.com