Große Bilder sind ein großes Problem! Sie bog nach unten Seitenladezeiten und verschlingen riesige Mengen an Seitenraum, signalisiert Google, dass Ihre Seite langsam ist, gebrochen, und sollte vermieden werden. Dies kann Ihre Website in Niemandsland senden: Seite zwei. Huch!
Um Ihnen zu helfen, sich nicht in der Wildnis zu verlieren, habe ich einige Best Practice-Tipps zum Ändern der Größe von Bildern zusammengestellt., Hier finden Sie Richtlinien für die Bildgröße sowie Hinweise zur Bildnutzung und-optimierung.
4 Fragen zur Bildgröße
- Wie breit ist meine Website? Wenn Sie also große Bilder hinzufügen möchten, möchten Sie wissen, wie breit Ihr Inhaltsbereich ist., Es gab viele Male, in denen wir mit Geschäftsinhabern sprechen, die unzufrieden sind, wie langsam ihre Website geladen wird, nur um festzustellen, dass sie ein 5-Megabyte—Bild zu einer Website hinzugefügt haben, die nur 3 Megabyte groß ist-sprechen Sie über Lastverzögerung!
- Wie viele Spalten befinden sich auf der Seite, auf der der Inhalt angezeigt wird? Wenn es sich bei Ihrer Website um ein einspaltiges Design handelt, müssen Sie mit ungefähr 980 Pixeln arbeiten. Wenn Sie jedoch zwei Spalten haben, sollten Sie das Bild nicht größer als 640 Pixel halten. Auf diese Weise wird es die Seite und wertvolle Immobilien für Inhalte nicht auffressen.,
- Ist das Bild der Fokus des Inhalts oder ist es eine Verbesserung? Wenn Sie eine Infografik erstellt haben (oder freigeben), steht das Bild im Mittelpunkt der Seite. In diesem Fall ist es durchaus akzeptabel, das Bild groß zu lassen, sodass es sich über die Seite ausbreiten kann. Wenn es sich jedoch nur um ein Bild handelt, das visuelles Interesse wecken soll, halten Sie das Bild klein, etwa 200 bis 250 Pixel breit. Sie möchten, dass es klein genug ist, damit es nicht die gesamte Spalte einnimmt und genügend Platz für Text bietet.
- Wie wird das Bild auf einem mobilen Gerät Aussehen?, Genau wie bei Desktop-Website-Größen kann die Größe einer mobilen Website variieren. Aus diesem Grund müssen Sie Ihre Bildgröße an Ihre Website anpassen. Um festzustellen, ob Ihre Bilder für Ihre mobile Website zu groß sind, nehmen Sie Ihr Telefon und öffnen Sie die Seite mit Ihrem Bild. Sie werden sofort wissen, ob es zu groß ist, da es die Ladezeit beeinflussen kann, und es wird die gesamte Seite in Anspruch nehmen. Wenn dies der Fall ist, gehen Sie zurück, schrumpfen und schauen Sie noch einmal. Bewerten Sie auch, ob das Bild für den Inhalt erforderlich ist. Wenn nicht, ist es möglicherweise am besten, es wegzulassen, um den geschriebenen Inhalt auf der Seite leichter zu lesen.,
Festsetzung Anteil Verzerrung
Unten, wir haben eine fallstudie auf, wie bilder display auf mobile geräte. Auf der linken Seite befindet sich ein 5000 Pixel breites Bild. Es verlangsamt nicht nur die Ladezeit der Seite, sondern Sie können auch sehen, wie sie sich ausdehnt und versucht, sich in die mobile Ansicht zu quetschen. Auf der rechten Seite wurde die Größe des Bildes auf 250 Pixel geändert und auf jedem Gerät auf eine Breite von 100% eingestellt, sodass es sowohl auf einem Desktop als auch auf der mobilen Version großartig aussieht.,
-
Ein Beispiel für eine zu große Bild auf einem mobilen Gerät. Wo ist der Inhalt?! -
Hier wurde das gleiche Bild verkleinert. Jetzt gibt es Platz, um sowohl Inhalt als auch Bild anzuzeigen.
Pro Tipp: Platzieren Sie in der Regel niemals ein riesiges Bild oben auf Ihrem Inhalt., Dies wird den Leser ablenken und ihn eher dazu bringen, mit dem Scrollen aufzuhören und weiterzumachen…vielleicht zu Ihrem Konkurrenten!
Schrumpfung (Eine Gute Sache in Diesem Fall!)
Bevor Sie mit dem Verkleinern Ihres Bildes beginnen, müssen Sie das Original speichern. Auf diese Weise können Sie darauf zurückkommen, falls Sie es versehentlich zu klein machen. Während Sie ein Bild immer verkleinern können, ist es unmöglich, es zu vergrößern, sobald es geschrumpft ist. Was Sie am Ende bekommen, ist ein körniges, pixeliges Bild. Nicht gut!
Wenn Ihr Bild also bei 2000 Pixeln beginnt, reduzieren Sie es auf 500., Schauen Sie nach, stellen Sie sicher, dass Sie es nicht zu klein gemacht haben.dann, wenn nötig, schrumpfen Sie wieder. Sie suchen die perfekte Balance zwischen Pixelgröße und Bildqualität: Was nützt ein Dinky-Bild, das niemand sehen kann?
Eine Notiz an Kunden von Foster Web Marketing: Wenn Sie detailliertere Anweisungen wünschen, lesen Sie unsere Schritt-für-Schritt-Anweisungen zum Hinzufügen, Optimieren und Ändern der Größe von Bildern. Finden Sie diese Informationen und mehr im Benutzerforum in DSS. Oder rufen Sie mich an! Ich würde Sie gerne durch den Prozess führen.,
Andere Bildüberlegungen
Wenn Sie es richtig gemacht haben, können Bilder dazu beitragen, Ihr Suchranking zu verbessern. Um Ihre Bilder richtig zu optimieren, empfehlen wir Ihnen:
- Benennen Sie die Datei um. Unabhängig davon, ob Sie ein Standardbild oder ein eigenes Originalbild verwenden, müssen Sie überlegen, bevor Sie die Datei benennen. Versuchen Sie anstelle von “ image4 „etwas Beschreibenderes wie „Autounfall“.“
- Fügen Sie ein ALT-tag. Dieser kurze Text (in der Regel unter 20 Zeichen oder etwa drei Wörter) wird verwendet, um Sehbehinderten und Google-Bots zu helfen, das Bild zu verstehen.,
- Fügen Sie eine Beschriftung hinzu. Bildunterschriften gehören zu den meistgelesenen Inhalten auf einer Website, vergessen Sie also nicht, eine interessante, relevante Bildunterschrift hinzuzufügen.
- auf Relevanz Prüfen. Bilder helfen, den Leser zu engagieren und können dem geschriebenen Inhalt Tiefe verleihen. Das Hinzufügen von Bildern zum Hinzufügen von Bildern ist jedoch Zeitverschwendung.
Um tiefer zu erfahren, wie Sie aus jedem von Ihnen geposteten Bild mehr herausholen können, lesen Sie unbedingt unseren Artikel und nutzen Sie das SEO-Potenzial Ihrer Website.
Wenn Sie diesen Artikel hilfreich fanden, sollten Sie ihn auf Facebook oder überall dort teilen, wo Sie denken, dass er die meisten Geschäftsinhaber erreichen wird., Gemeinsam können wir helfen, langsame Ladezeiten zu verhindern!
