Media
3 items
Description
Zeigt Bildgröße, Dateityp & Alt-Text direkt an jedem Bild. Erkennt SEO-Probleme und verlinkt zur Hilfeseite zur Behebung. SEO Bild-Inspektor mit Hilfe zeigt dir mit einem Klick direkt auf jeder Webseite, wie gut deine Bilder für Google und für deine Besucher aufbereitet sind – ganz ohne Entwicklertools öffnen zu müssen. Egal ob du einen eigenen Onlineshop betreibst, eine Unternehmensseite pflegst oder als Freelancer die Bilder eines Kunden prüfen sollst: Diese Erweiterung macht in Sekunden sichtbar, was sonst nur mit den Entwicklertools des Browsers oder externen SEO-Tools aufwendig zu ermitteln wäre. Gerade bei umfangreichen Produktkatalogen mit hunderten Bildern summieren sich kleine, unauffällige Fehler – ein fehlender Alt-Text hier, ein zu groß geladenes Foto dort – zu einem spürbaren Problem für Ladezeit und Sichtbarkeit in der Google-Suche. Diese Erweiterung macht solche Muster auf einen Blick sichtbar, statt sie im Verborgenen zu lassen. So funktioniert's – Schritt für Schritt Öffne eine beliebige Webseite und klicke auf das Erweiterungs-Icon in der Symbolleiste. Über jedem einzelnen Bild der Seite erscheint sofort eine kleine Info-Box direkt am Bild – kein separates Fenster, keine Tabelle zum Hin- und Herscrollen. Scrolle die Seite ganz normal weiter: Die Boxen bewegen sich mit den Bildern mit, auch bei Sticky-Headern oder nachladenden Inhalten. Bilder, die technisch auffällig sind (fehlender Alt-Text, zu groß, zu langsam), sind durch Farbe und Symbole sofort erkennbar, ganz ohne dass du jede Box einzeln lesen musst. Bist du fertig, klickst du das Icon erneut – alle Boxen verschwinden wieder, die Seite bleibt unverändert. Was jede Info-Box im Detail zeigt Echte Auflösung → angezeigte Größe. Ein Bild, das mit 2000×1500 Pixel ausgeliefert, aber nur mit 400×300 Pixel dargestellt wird, verschwendet Bandbreite bei jedem einzelnen Seitenaufruf. Die Box zeigt beide Werte nebeneinander und markiert eine deutliche Überdimensionierung farblich. Dateigröße und Dateityp. Das genutzte Bildformat ist auf einen Blick erkennbar. Gerade bei älteren Webshops findet man häufig noch unkomprimierte, veraltete Formate, die problemlos durch modernere, kleinere ersetzt werden könnten – oft bei 25–50 % weniger Dateigröße bei gleicher optischer Qualität. Alt-Text, direkt lesbar. Nicht erst beim Hovern, sondern fest in der Box – so überfliegst du eine ganze Seite und siehst sofort, wo Alt-Texte fehlen oder unpassend sind. Fehlender Alt-Text ist einer der häufigsten SEO- und Barrierefreiheits-Fehler im Web und wird mit einem roten Warnsymbol markiert. Warnung bei großen oder unnötig aufgeblähten Bildern. Bilder über 200 KB oder Bilder, die deutlich größer geladen werden, als sie angezeigt werden, bekommen einen roten Rahmen und ein Warnsymbol – genau die Bilder, die Core Web Vitals wie den Largest Contentful Paint am stärksten verschlechtern und damit indirekt das Google-Ranking beeinflussen können. Für Einsteiger gedacht: die eingebaute Hilfeseite Der größte Unterschied zu reinen Analyse-Tools: Diese Erweiterung erklärt nicht nur, WAS falsch ist, sondern verlinkt direkt auf eine verständlich geschriebene Hilfeseite, die Schritt für Schritt erklärt, WARUM ein Wert wichtig ist und WIE man ihn verbessert – geschrieben für Menschen ohne technischen Hintergrund, nicht für Entwickler. Ob Dateiname, Alt-Text, Dateigröße, moderne Bildformate oder feste Bildmaße gegen Layout-Sprünge: Jeder Punkt wird anhand einer einfachen Alltags-Analogie erklärt (Bilder als Pakete im Versand, Dateinamen als Regal-Beschriftung), sodass auch Einsteiger die größten Probleme selbst beheben können, ohne eine Agentur beauftragen zu müssen. Der Info-Link ist direkt in der Werkzeugleiste der Erweiterung platziert, neben dem Schließen-Button, und ist immer nur einen Klick entfernt – auch mitten in einer laufenden Analyse. Bilder direkt öffnen und speichern Jede Info-Box hat zwei kleine Aktionen: Bild in neuem Tab öffnen, oder direkt über den nativen "Speichern unter"-Dialog des Browsers herunterladen – praktisch, um schnell ein Referenzbild zu sichern, die Originalgröße zu prüfen oder ein Bild für die Weiterverwendung (z. B. in einer Produktbeschreibung oder Präsentation) zu exportieren, ohne mühsam durch den Seitenquelltext oder die Entwicklertools zu suchen. Ehrlich bei technischen Grenzen Bei manchen Bildern von fremden Servern (z. B. CDNs oder eingebundenen Drittanbieter-Inhalten) kann kein Browser die Dateigröße ermitteln – das ist eine bewusste Sicherheitsgrenze aller Browser (fehlender Timing-Allow-Origin-Header beim fremden Server), keine Einschränkung der Erweiterung selbst. Statt das zu verschleiern oder einfach "0 KB" anzuzeigen, zeigt die Erweiterung transparent "n/v" mit einer Erklärung per Mouseover und bietet einen Klick-zum-erneuten-Versuch für die Fälle, in denen ein Bild beim ersten Scan einfach noch nicht fertig geladen war. Durchdacht für die Praxis Funktioniert auch bei Lazy-Loading. Viele moderne Webshops laden Bilder erst nach, wenn sie in den sichtbaren Bereich scrollen. Die Erweiterung erkennt gängige Lazy-Loading-Muster (data-src, data-lazy-src und ähnliche) und lädt die echten Bilder unsichtbar im Hintergrund vor, um auch für noch nicht sichtbare Bilder korrekte Werte zu liefern. Kein Chaos bei eng stehenden kleinen Bildern. Überlappen sich mehrere Info-Boxen (z. B. bei Icon-Leisten oder kleinen Produktvorschauen), fächern sie sich sichtbar auf und färben sich abwechselnd leicht anders ein. Die jeweils gehoverte Box springt automatisch ganz nach vorne, ohne dass du etwas wegklicken musst. Jede Box lässt sich einzeln schließen, falls sie mal im Weg ist – praktisch bei sehr bildreichen Seiten. Komplett zweisprachig. Deutsch und Englisch, automatisch passend zur Browsersprache des Nutzers, inklusive aller Beschriftungen und Tooltips. Minimale Berechtigungen Die Erweiterung kommt mit einem bewusst schlanken Rechte-Set aus: Zugriff nur auf den aktuell aktiven Tab in dem Moment, in dem du auf das Icon klickst (kein dauerhafter Zugriff auf alle Webseiten, die du besuchst), plus die Standard-Download-Berechtigung für die "Speichern unter"-Funktion. Es findet kein Tracking statt, es werden keine Daten an externe Server übertragen, und es gibt keine Werbung. Häufig gestellte Fragen Verlangsamt die Erweiterung meinen Browser? Nein – sie wird nur aktiv, wenn du das Icon anklickst, und läuft ausschließlich auf der aktuell geöffneten Seite. Ohne aktive Analyse hat sie keinerlei Auswirkung auf andere Tabs oder die allgemeine Browser-Geschwindigkeit. Funktioniert das auf jeder Webseite? Auf den allermeisten normalen Webseiten ja. Bei internen Chrome-Seiten (chrome://) und im Chrome Web Store selbst lässt der Browser aus Sicherheitsgründen grundsätzlich keine Erweiterungen zu. Warum bekomme ich manchmal "n/v" bei der Dateigröße? Siehe oben – das ist eine Sicherheitsgrenze der Browser bei Bildern von fremden Servern, keine Einschränkung der Erweiterung. Werden meine Daten irgendwohin gesendet? Nein. Die gesamte Analyse läuft lokal im Browser. Es gibt keine Server-Kommunikation, kein Tracking, keine Analytics. Kann ich einzelne Boxen ausblenden, ohne die ganze Analyse zu beenden? Ja – jede Box hat ein eigenes kleines Schließen-Symbol oben rechts, mit dem sich nur diese eine Box entfernen lässt. Was ist mit Bildern, die als CSS-Hintergrundbild statt als klassisches <img>-Tag eingebunden sind? Die Erweiterung erfasst reguläre <img>-Elemente zuverlässig. Reine CSS-Hintergrundbilder sind technisch anders eingebunden und werden aktuell nicht separat ausgewertet. Die Erweiterung wird aktiv weiterentwickelt. Rückmeldungen und Verbesserungsvorschläge sind über die Bewertungsfunktion im Chrome Web Store jederzeit willkommen. Typische Anwendungsfälle Vor dem Website-Launch: Schnell über die wichtigsten Seiten klicken und prüfen, ob irgendwo Alt-Texte fehlen oder unkomprimierte Bilder übersehen wurden, bevor die Seite live geht. Laufende Shop-Pflege: Nach dem Import neuer Produktbilder (z. B. über WP All Import oder ähnliche Tools) in Sekunden sehen, ob die neuen Bilder in vernünftiger Größe und mit Alt-Text hochgeladen wurden, statt jedes Produkt einzeln im Backend zu öffnen. Kunden-Audits für Freelancer und Agenturen: Innerhalb weniger Minuten einen ersten Eindruck vom technischen Zustand der Bilder einer Kundenseite gewinnen – als Gesprächsgrundlage für ein Angebot oder einen Optimierungs-Workshop. Wettbewerbsbeobachtung: Auf der Seite eines Mitbewerbers schauen, welche Bildformate und -größen dort verwendet werden, um die eigene Strategie einzuordnen. Schulung von Redakteuren: Wenn mehrere Personen Inhalte pflegen, hilft die Erweiterung dabei, im Team ein gemeinsames Bewusstsein dafür zu schaffen, worauf beim Hochladen neuer Bilder zu achten ist – als visuelles Lehrmittel direkt an echten Beispielen der eigenen Seite, statt an abstrakten Regeln in einem Dokument. Im Vergleich zu den Browser-Entwicklertools Die Netzwerk-Analyse in den Chrome-Entwicklertools liefert zwar ähnliche Rohdaten, ist aber für diesen Zweck umständlich: Man muss den Netzwerk-Tab öffnen, die Seite neu laden, jede einzelne Bild-Anfrage in einer langen Liste suchen und dann manuell dem richtigen Bild auf der Seite zuordnen – bei hundert Produktbildern eine mühsame Sucherei. Alt-Text und Dateiname tauchen dort außerdem gar nicht auf, die müsste man zusätzlich im Elemente-Tab nachschlagen. Der SEO Bild-Inspektor bündelt genau die Werte, die für die Bildoptimierung relevant sind, direkt am jeweiligen Bild – ohne Umweg über mehrere Werkzeuge und ohne die Seite neu laden zu müssen. Datenschutz im Detail Die gesamte Funktionalität läuft im Content-Script der aktuellen Seite und im lokalen Hintergrundprozess der Erweiterung. Es gibt keinerlei Kommunikation mit einem eigenen Server des Entwicklers, keine Analytics, keine Cookies, kein Tracking-Pixel. Die einzige externe Verbindung, die du selbst auslöst, ist der optionale Klick auf den "Info"-Button, der die Hilfeseite unter sven.ediger.de öffnet – und selbst das passiert nur, wenn du aktiv darauf klickst. Für wen ist das gedacht? Für Shop- und Website-Betreiber, die ihre eigenen Bilder auf SEO-Probleme prüfen wollen, für SEO-Einsteiger, die verstehen wollen, worauf es bei Bildern ankommt, für Freelancer und Agenturen, die schnell Kundenseiten analysieren möchten, und für alle, die einfach die technischen Eckdaten eines Bildes auf einer beliebigen Webseite sehen möchten – ganz ohne Entwicklertools zu öffnen.