Optymalizacja obrazu

1. Wymagania dotyczące optymalizacji obrazu
2. Jakość obrazu
3. Rozmiar i waga obrazu
4. Ręczne narzędzia do optymalizacji obrazu
5. Narzędzia do optymalizacji obrazu online
6. Wtyczki kompresji WordPress
7. Optymalizacja SEO obrazów na stronie
8. Nazwa pliku obrazu
9. Zdjęcia tytułowe
10. Obrazy Alt
11. Mikromarkowanie obrazów
12. Wnioski

Umieszczając obrazy na stronie nie zapomnij o ich optymalizacji, co przyczynia się do promocji strony. Jeśli roboty wyszukiwania poprawnie powiedzą, co jest na obrazku, po indeksowaniu obrazy pojawią się w wyszukiwaniu. I to jest dodatkowy ruch do Twojej witryny.

Nie zoptymalizowane obrazy na stronie doprowadzą do niewiarygodnie niskiego poziomu prędkości pobierania i przepustowość. Obrazy mogą zajmować dużo miejsca na dysku, a większość z nich może nie być konieczna.

Wymagania dotyczące optymalizacji obrazu

Celem optymalizacji obrazów w witrynie jest zmniejszenie rozmiaru pliku bez obniżania jakości obrazu. Nie ma idealnego sposobu na optymalizację, ale zamiast tego możesz znaleźć równowagę.

Google może indeksować typy obrazów w formatach BMP, GIF, JPEG, PNG i WebP, a także SVG.

Zalecane formaty obrazów:

1. JPEG - użyj tego formatu do zdjęcia;
2. PNG - dla grafiki, w prosty sposób, dla wszystkiego, co narysował projektant;
3. SVG - dla obrazów wektorowych.

Istnieją również nowe formaty, takie jak WebP i JPEG-XR. Ich zaletą jest to, że ważą mniej, ale niestety nie wszystkie przeglądarki obsługują te formaty. Na przykład JPEG-XR obsługuje tylko IE, a WebP obsługuje Chrome, Opera, Android. W związku z tym nie uważam ich. Ale wybór należy do ciebie

Do indeksowania obrazów w Yandex należy wybrać następujące formaty: JPEG, GIF i PNG. Oprócz prawidłowego wyboru formatu warto wziąć pod uwagę, że obrazy ładowane na stronę za pomocą skryptu nie są indeksowane przez Yandex.

Jakość obrazu

Optymalizując obrazy dla Yandex i Google, powinieneś znaleźć najlepsze rozwiązanie między wielkością i jakością grafiki, ponieważ przede wszystkim treść jest przeznaczona dla użytkownika. Upewnij się, że grafika jest przejrzysta i atrakcyjna wizualnie.

Obraz niskiej jakości jest również uważany za obraz, który nie odpowiada jego opisowi lub znajduje się w pobliżu niepowiązanego tekstu.

Rozmiar i waga obrazu

Rozmiar obrazu ma wpływ szybkość ładowania strony , a to z kolei do rankingu stron. Jeśli używasz wielu zdjęć na stronie, może to znacznie spowolnić jego ładowanie. Istnieje wiele narzędzi do kompresji pliku bez utraty jakości. Używając ich, bądź ostrożny - sprawdź oryginalny obraz i skompresuj go.

Obrazy muszą być tworzone w rozmiarze, w jakim będą prezentowane na stronie.

Przeglądarce będzie łatwiej skanować zawartość stron, jeśli szerokość i wysokość obrazu jest ustawiona w CSS. W przypadku wyświetlaczy siatkówki dodaj 2x obrazy i dostosuj wyświetlanie różnych rozmiarów tego samego obrazu dla różnych ekranów. W przeciwnym razie dla użytkowników, którzy otworzą obraz na ekranie siatkówki, wszystkie zdjęcia zostaną wyświetlone z wizualną utratą jakości.

Ręczne narzędzia do optymalizacji obrazu

Narzędzia pulpitu (zainstalowane na komputerze lokalnym) oferują więcej ustawień kontroli optymalizacji. Jeśli na przykład pracujesz w edytorze obrazów, takim jak Photoshop, ta opcja może Ci bardziej odpowiadać.

Najpopularniejsze narzędzia komputerowe:

• Adobe Photoshop - Photoshop ma własne narzędzie do kompresji obrazów, które przygotowuje je do publikacji w Internecie.
• Gimp - darmowa alternatywa dla Photoshopa, ma stromą krzywą uczenia się, ale ma również wbudowaną optymalizację.
• Zdjęcie powinowactwa - To najtańsza alternatywa dla Photoshopa z wbudowaną funkcją optymalizacji.
• Paint.NET - Edytor zdjęć dla użytkowników systemu Windows, pewna alternatywa dla programu Photoshop i kompresja obrazu.

Wymienione powyżej narzędzia będą wymagały szkolenia, ale pozwolą Ci znaleźć ustawienia optymalizacji najbardziej odpowiednie dla Ciebie.

Narzędzia do optymalizacji obrazu online

Jeśli wolisz bardziej uproszczone podejście, możesz użyć narzędzi internetowych, które automatycznie optymalizują Twoje zdjęcia.

Te narzędzia są świetne, jeśli nie chcesz tracić czasu na badanie szczegółów pracy redaktorów.

Niektóre z najbardziej popularnych edytorów to - JPEGmimi i TinyPNG .

W takim przypadku wszystko, co musisz zrobić, to przesłać zdjęcia, narzędzie zostanie uruchomione i pobierzesz zoptymalizowane zdjęcia.

Wtyczki kompresji WordPress

WordPress ma wtyczki do różnych zadań.

Następujące wtyczki zoptymalizują obrazy podczas pobierania, a nawet zoptymalizują wszelkie obrazy znajdujące się już w bibliotece multimediów:

• Imagify Image Optimizer - Wtyczka oferuje kilka poziomów kompresji, zmiany rozmiaru obrazu, przywrócenia obrazu i wiele innych.
• ShortPixel Image Optimizer - bezpłatna wtyczka umożliwia kompresowanie do 100 obrazów miesięcznie i przetwarzanie kilku różnych formatów obrazu. Ponadto ma wbudowaną funkcję odzyskiwania i optymalizację grupy.
• WP Smush - wtyczka zoptymalizuje obrazy, gdy zostaną przesłane do Twojej witryny, a także zoptymalizuje istniejącą bibliotekę multimediów. Zmniejszy to rozmiar obrazów bez wpływu na jakość.
• Optimus Image Optimizer - lekka wtyczka optymalizuje obrazy poprzez kompresję bez utraty ogólnej jakości, po prostu zmniejszając rozmiar pliku.
• Kompresuj obrazy JPEG i PNG - wtyczka z witryny TinyPNG.com. Automatycznie optymalizuje nowe obrazy w witrynie. Jest wolny limit.

Optymalizacja SEO obrazów na stronie

Wyjątkowość

Aby uzyskać bardziej znaczące wyniki przy optymalizacji obrazów, twórz nie tylko obrazy wysokiej jakości, ale także unikalne. Najważniejsze jest to, że wyszukiwarki doceniają oryginalną i nie skopiowaną zawartość, aby pokazać użytkownikom bardziej zróżnicowane wyniki.

Yandex, na przykład, jest w stanie zobaczyć, gdzie skradziono zdjęcie, jakie kopie zostały utworzone, dokładnie, gdzie zostały umieszczone i wiele innych. Jeśli nie masz pewności co do unikalnych treści na swojej stronie, łatwo jest sprawdzić za pomocą usługi. Tinye .

Nazwa pliku obrazu

Aby przenieść zawartość obrazu do wyszukiwarek, opiszmy krótko nazwę pliku obrazu.

Ważne jest, aby zamiast spacji w nazwie pliku używać łacińskich liter i myślników. Unikaj takich nazw jzbdfjklJ_KSD5667.jpg i pisz słowami opisującymi - televizor-lg.jpg.

Należy pamiętać, że słowa kluczowe powinny być jak najbardziej odpowiednie i opisywać istotę obrazu.

Zdjęcia tytułowe

Ważny atrybut optymalizacji. W tytule znajduje się tekst, który będzie wyświetlany po najechaniu kursorem na obraz.

Prawidłowy tytuł wygląda tak:

title = "Widok z góry laptopa Acer 7741G"

Obrazy Alt

Alt to alternatywny opis twojego pliku. Gdy z jakiegoś powodu obraz nie jest wyświetlany na stronie, użytkownik widzi tekst umieszczony w tagu Alt. Jeśli nie ma tekstu i brakuje tagu, osoba najprawdopodobniej niczego nie zobaczy. Czasami może to powodować różne problemy: roboty wyszukujące indeksują pustą stronę, użytkownicy zobaczą niewłaściwą treść i wiele więcej. W ten sposób może negatywnie wpłynąć na ranking witryny w wyszukiwarkach.

Ważnym pytaniem przy używaniu alt i title jest to, czy można je uczynić takie same? Tak, możesz, zwłaszcza jeśli masz dużo podobnych zdjęć. W każdym razie takie duplikowanie będzie wyglądało lepiej niż całkowity brak jakichkolwiek znaczników.

Przykład dobrego alt:

alt = "Niedrogi laptop Acer 7741G za 16 000 rubli"

Mikromarkowanie obrazów

Dodaj Microdata ImageObject. Dodając specjalne znaczniki do obrazów, pomagasz wyszukiwarkom odróżniać treść i wyświetlać ją w odpowiedni i użyteczny sposób.

Przykład wprowadzenia mikromarkowania http://schema.org/ImageObject

Wnioski

Aby skutecznie zoptymalizować obrazy, należy zastosować wszystkie opisane powyżej metody w połączeniu:

1. Zapisuj pliki obrazów w odpowiednim formacie, który indeks wyszukiwarek.
2. Dodaj do strony unikalne i przydatne obrazy.
3. Użyj narzędzi do kompresji obrazów.
4. Optymalizuj obrazy z tagami tytułu i alt.
5. Osadź mikrodane dla obrazów.
6. Prześlij zdjęcia związane ze znaczeniem tekstu.
7. Nie zapominaj, że obrazy są tworzone przede wszystkim dla użytkownika.

Podczas tworzenia i optymalizacji obrazów postępuj zgodnie z główną zasadą: jakość i wartość treści jest ważna dla wyszukiwarek. Sukcesy w optymalizacji!