So optimieren Sie die Bilder Ihrer Website, um sie schneller und leistungsfähiger zu machen

Sind Sie dabei, eine persönliche Website zu starten oder die Leistung einer bestehenden zu steigern? Denken Sie immer daran, dass die Bildoptimierung der Schlüssel für das Site-Ranking und Spitzenpositionen ist.

Bei der Arbeit an einer Website konzentrieren wir uns oft auf Inhalte, optimierte Texte, Fotos und Farben und andere kleine stilistische Entscheidungen, um sie auf unseren Geschmack und unsere Produkte abzustimmen. Aber wir kümmern uns oft nicht so sehr um die Bildoptimierung – oder wir übersehen ihre Bedeutung.

Was es bedeutet, Bilder zu optimieren

Im Wesentlichen bedeutet die Optimierung von Bildern, sie zu komprimieren und weniger schwer zu machen, um die Geschwindigkeit und Leistung Ihrer Website zu verbessern.

Was viele nicht wissen, ist, dass sich die Qualität und das Gewicht des Bildes direkt auf die Geschwindigkeit und Leistung der Website und damit auf ihre Positionierung in Suchmaschinen auswirken .

Wenn Sie bereits alles getan haben, um die Qualität Ihrer Inhalte und Keywords zu steigern, und die Website- und Indexeinstellungen keine technischen Probleme haben, dann ist es Zeit für die Optimierung: Dies kann den Unterschied beim Erklimmen der Top-Suchportal-Positionen ausmachen.

Webbilder: ideales Gewicht, Auflösung und Abmessungen

Ein ideales Bildgewicht für das Web beträgt im Allgemeinen 200–300 KB. Eine ideale Auflösung ist 72 dpi (also ca. 70%). Die idealen Abmessungen begrenzen die lange Seite auf 1200 Pixel (größere Abmessungen und Auflösung sind hauptsächlich für den Druck angegeben, aber für Webkontexte schlecht geeignet).

Die Reduzierung des Gewichtes von Bildern und ihrer Auflösung sowie die Anpassung des Bildes an das Seitenformat sind daher unerlässlich, um die Leistung einer Website zu optimieren.

So optimieren Sie die Bilder auf einer Website

Wenn Sie kein Grafikexperte sind und nicht einmal wissen, was Photoshop ist, dann haben Sie keine Angst: Es gibt viele freundliche, kostenlose Tools und Websites, mit denen Sie Ihre Site-Bilder einfach optimieren und gleichzeitig ihre Qualität beibehalten können. Wenn Sie sich hingegen selbst verwalten können, ist die Optimierung von Bildern für das Web mit Photoshop definitiv die beste Option.

Tatsächlich stellen diese Sites und Tools die allgemeinen Werte vor, um ein optimiertes Bild zu erhalten, dh ein Bild zu haben, das nach Gewicht und Größe gemäß Webstandards komprimiert wird, ohne die Qualität zu beeinträchtigen. Natürlich hängt ein Großteil des Ergebnisses von dem Bild ab, das Sie in erster Linie hochladen. Natürlich kann aus einem körnigen Ausgangsbild nach der Komprimierung kein qualitativ hochwertiges Bild werden.

Websites mit Bildoptimierungsfunktionen , kostenlos oder nach Bedarf kostenpflichtig, umfassen unter anderem Compprimilo, Optimizilla, Kraken, TinyPNG und CompressJpeg. Wie bei dem sich ständig weiterentwickelnden Web üblich, ändern sich diese Websites, insbesondere die kostenlosen, ständig. Eine einfache Stichwortsuche reicht jedoch aus, um die besten, aktuellen Seiten zur kostenlosen Optimierung Ihrer Bilder zu finden.

Wenn Ihre Website mit der WordPress-Plattform erstellt wurde, haben Sie außerdem eine weitere Chance: WordPress-Bilder durch Plugins zu optimieren . Plugins sind nichts anderes als Hilfsprogramme, die darauf abzielen, die Funktionen anderer Programme zu verbessern. Kurz gesagt, sie fügen Ihrer Website neue Funktionen hinzu, ohne dass Sie selbst programmieren müssen.

Die beliebtesten sind:

• Smush
• EWWW-Bildoptimierungstool
• Stellen Sie sich vor
• KurzPixel
• TinyPNG

Die Rolle von SEO bei der Bildoptimierung

Fotogewicht und -qualität sind bei der Bildoptimierung genauso wichtig wie die damit verbundene SEO. Tatsächlich geht es bei SEO nicht nur um die Keywords Ihrer Website-Texte. Es befasst sich auch mit den Titeln und Tags der Bilder, die auf die Site hochgeladen werden.

Die SEO eines Bildes umfasst:

• das alt-Attribut, dh alternativer Text
• das title-Attribut, dh Bildtitel
• Untertitel
• Bezeichnung
• URL, dh Link

Es ist wichtig, den Alt-Text und den Titel gut festzulegen. Je genauer Sie Ihr Bild beschreiben, desto mehr wird es von Suchmaschinen als qualitativ hochwertiger Inhalt für die passenden Suchbegriffe wahrgenommen. Dies ist insbesondere für den E-Commerce relevant, wo jedes Bildprodukt für sich ein Suchschlüssel ist.

Es wäre ideal , die Bilder vor dem Hochladen auf die Site zu optimieren , nachdem sie korrekt in Ihren PC-Ordnern gespeichert wurden. Wenn dies nicht möglich ist, können Sie natürlich zur Bildergalerie der Site zurückkehren und diese Arbeit später erledigen.

Denken Sie an all die Bilder, die Sie unter Photo1, Kkkkkkkkkjpg, Image_3 usw. gespeichert haben?

Laufen Sie jetzt, um sie zu optimieren!

So optimieren Sie Site-Images in wenigen einfachen Schritten

1. Komprimieren Sie die Größe Ihrer Bilder, um die Site nicht zu belasten

Wenn Sie nicht möchten, dass zu große und schwere Bilder Ihre Website verlangsamen, dann entscheiden Sie sich für eine der kostenlosen Websites, mit denen Sie Ihre Bilder auf einfache und schnelle Weise optimieren können. Wir haben oben einige davon vorgeschlagen, aber Sie können andere jederzeit über eine einfache Google-Suche finden.

Die erfahreneren können sich auf Photoshop beziehen. Dies ist sicherlich das professionellste Tool, um die Bilder, die wir unserer Website hinzufügen, optimal anzupassen.

2. Geben Sie Ihrer Datei einen passenden Namen

Obwohl wir alle schon dabei waren (auch für diejenigen, die etwas anderes vorgeben), ist es nie eine gute Wahl, unsere Bilddateien schnell mit Namen wie pffffffff, image_7, img568 usw. zu speichern.

Nehmen Sie sich diese zusätzliche Minute Zeit, um einen effektiven und beschreibenden Titel für Ihr Bild zu finden. Wenn Sie diesen Schritt sofort ausführen, müssen Sie danach keine Doppelarbeit machen.

Hüten Sie sich vor zu viel des Guten. Verketten Sie nicht eine Reihe von Schlüsselwörtern in einer Reihe. Der Algorithmus könnte Sie dafür bestrafen, dass Sie Schlüsselwörter in Ihrem Bild verdrängen. Entscheiden Sie sich immer für eine glückliche Mitte.

3. Wählen Sie einen Alt-Text, der dem Titel Ihres Bildes entspricht

Nachdem Sie den Bildtitel ausgewählt haben, fahren Sie fort, indem Sie einen geeigneten Alternativtext kombinieren. Dies ist neben dem Titel das wichtigste Element für die Indexierung und Optimierung eines Bildes. Der Alt-Text soll Bilddetails bereitstellen, die eine Alternative zu den rein visuellen sind.

Beschreiben Sie dann in Worten, was Sie auf dem Bild sehen.

4. Geben Sie eine Bildunterschrift und Beschreibung ein

Die Bildunterschrift und die Beschreibung sind nicht so wichtig wie der Titel und der Alternativtext. Aber sie können Ihrem Bild mehr Relevanz verleihen, wenn Sie es optimieren.

Die Bildunterschrift ist der Text, der auf der Seite direkt unter oder neben dem Bild erscheint, um seine Botschaft und Relevanz zu verstärken.

Die Beschreibung ist für die interne Site-Programmierung gedacht, um Bilder zu sortieren und zu wissen, was sie enthalten. Es hat keine besondere SEO-Relevanz.

5. Speichern Sie die Bilder und laden Sie sie auf Ihre Website hoch

Nachdem das Bild vorbereitet, komprimiert und optimiert wurde, auch für SEO-Zwecke, speichern Sie es einfach auf Ihrem Computer. Laden Sie es dann auf die gewünschte Website hoch.

Schlussfolgerungen

Bilder wurden oft unterschätzt und als reines Stilelement betrachtet. In Wirklichkeit sind sie unerlässlich, um die Leistung unserer Website weiter zu verbessern und den zusätzlichen Sprung zu wagen, um die Spitze der Suchmaschinen zu erreichen.

Das Optimieren von Bildern mag wie ein langer und mühsamer Prozess erscheinen, den wir oft lieber überspringen. Sobald Sie jedoch den Dreh raus haben, werden Sie feststellen, dass es einfach und automatisch ist. Auf lange Sicht können Sie die Leistung Ihrer Website verbessern, indem Sie sie schneller und besser auf die Suchschlüssel der Benutzer beziehen.

Vergessen Sie nicht, dass die gleichen Optimierungsregeln (Gewichtsreduzierung, Alternativtext usw.) auch für Ihre E-Mails gelten! Entdecken Sie sie alle im MailUp E-Mail Design Guide !