TechBlogSD - Wszystko do WordPressa i tworzenia stron internetowych
Instrukcje WEB i WordPress, nowości, recenzje motywów i wtyczek

Przewodnik dla początkujących do SEO obrazu

4

Generalnie webmasterzy skupiają się na optymalizacji treści tekstowych na stronie poprzez zmianę tytułów, metaopisu i słów kluczowych. Jednak optymalizacja obrazów na stronie jest równie ważna dla poprawy szybkości ładowania strony. Atrakcyjny obraz może łatwo zachęcić użytkowników do przeczytania Twoich treści. Ponadto w tym mobilnym świecie wyszukiwanie grafiki staje się popularne, podobnie jak wyszukiwanie w sieci. W tym artykule wyjaśnimy podstawy SEO obrazów i właściwe wykorzystanie obrazów w Twojej witrynie, aby zapewnić lepsze wrażenia użytkownika.

Powiązane: Jak zoptymalizować obrazy i poprawić szybkość ładowania strony dla WordPress?

Znaczenie SEO wizerunku

Jest wielu użytkowników, którzy wyszukują obrazy z wyszukiwarki grafiki Google. Ma to ogromny potencjał, zwłaszcza dla nisz fotograficznych i e-commerce. Ponadto serwisy społecznościowe, takie jak Pinterest i Instagram, również wykorzystują obrazy do łączenia interesujących użytkowników z całego świata. Dlatego jest to potencjalna okazja dla webmasterów, aby zoptymalizować obrazy w swojej witrynie pod kątem wyszukiwarek i wyciągnąć z niej ruch.

Wcześniej można było śledzić ruch z images.google.com w raportach Google Analytics. Jednak Google zaprzestało tego i teraz możesz skorzystać z raportu „Wydajność" w Google Search Console. Możesz kliknąć dowolne zapytanie i znaleźć źródło ruchu pochodzącego z obrazu.

Podstawy SEO obrazu

Rozważ poniższe punkty optymalizacji podczas używania obrazów w swojej witrynie:

1 podpis obrazu

Dodaj podpis lub nazwę do każdego obrazu w swojej witrynie. Pomaga to użytkownikom lepiej zrozumieć obraz, a także ułatwia konserwację obrazów, zwłaszcza podczas migracji witryny z jednej platformy na drugą. Pamiętaj, że nazwa obrazu nie odgrywa żadnej roli w optymalizacji pod kątem wyszukiwarek. Jeśli jednak obraz nie zawiera tekstu alternatywnego, wyszukiwarki spróbują go zrozumieć na podstawie treści tekstowej otaczającej obraz. Dlatego używaj odpowiedniego podpisu graficznego odpowiedniego do treści tekstu.

2 Tekst alternatywny (atrybut Alt)

Zapewnienie alternatywnego tekstu do obrazów jest najważniejszą rzeczą, którą musisz zapewnić. Atrybut HTML alt pozwala podać alternatywny tekst dla obrazu w

<img src="image.jpg" alt="SEO For Images">

Tekst alternatywny jest przydatny w dwóch sytuacjach – jeden dotyczy obsługi przeglądarek, a drugi wyszukiwarek. Gdy przeglądarka nie obsługuje Twojego obrazu z jakiegokolwiek powodu, wyświetli tekst alternatywny zamiast obrazu. Pomoże to użytkownikom zrozumieć możliwy obraz, który ma być wyświetlany, i kontynuować czytanie bez większych zakłóceń. Poniżej znajduje się przykład uszkodzonego obrazu z tekstem alternatywnym w przeglądarce.

Przewodnik dla początkujących do SEO obrazu

Tekst alternatywny w niezgodnym obrazie

Ponieważ wyszukiwarki nie mogą w pełni zrozumieć znaczenia obrazu, używają tekstu alternatywnego jako tekstowego odpowiednika obrazu. Tak efektywne wykorzystanie tekstu alternatywnego zwiększa możliwość widoczności witryny w wynikach wyszukiwania, zwłaszcza w wyszukiwaniach graficznych.


Artykuły dotyczące optymalizacji pod kątem wyszukiwarek


3 Rozmiar obrazu

Użyj odpowiedniego rozmiaru obrazu, aby użytkownicy mogli go wyraźnie zobaczyć. Podanie bardzo małego lub bardzo dużego obrazu wprawi użytkownika w zakłopotanie i opuści Twoją witrynę. Duże obrazy zmniejszają również szybkość ładowania strony i wpływają na ranking w wynikach wyszukiwania Google. Upewnij się, że używasz odpowiedniego rozmiaru obrazu, który jest odpowiedni dla układu witryny i unikaj zmiany rozmiaru obrazów za pomocą CSS podczas ładowania.

Zdecydowanie zalecamy skompresowanie obrazu za pomocą narzędzi innych firm przed przesłaniem go na swoją witrynę.

4 Użyj responsywnych obrazów

Dawno minęły czasy, aby wyświetlać większe obrazy, które nie pasują do szerokości urządzenia mobilnego. Korzystaj z technologii adaptacyjnej lub responsywnej, która automatycznie zmienia rozmiar obrazów, aby dopasować je do szerokości urządzenia wyświetlającego. Zapewni to czytelność, dzięki czemu użytkownicy będą mieli tendencję do tworzenia zakładek i wracania do Twojej witryny.

Przewodnik dla początkujących do SEO obrazu

Responsywna witryna

4 Umieszczenie obrazu

Wyświetlaj swoje obrazy w miejscu, w którym użytkownicy mogą je łatwo zobaczyć w powiązaniu z treścią. Wyświetlanie niepowiązanych obrazów lub wyświetlanie ich w nieodpowiednim miejscu sprawi, że użytkownik będzie zdezorientowany co do przeznaczenia obrazu. Dotyczy to również reklam graficznych, jeśli wyświetlasz reklamy w swojej witrynie.

Oferta SEO: Zoptymalizuj swoją witrynę dzięki specjalnej 14-dniowej bezpłatnej wersji próbnej Semrush Pro.

5 Strukturyzacja folderu obrazów

Uporządkuj wszystkie obrazy w witrynie w tym samym folderze, zamiast umieszczać je w zbyt wielu różnych folderach. Pomaga to wyszukiwarkom wyszukiwać i pobierać wszystkie obrazy Twojej witryny z jednego miejsca, zamiast szukać w różnych miejscach. Zaleca się również klasyfikowanie obrazów do podfolderów miesięcznych w celu filtrowania. Niektóre systemy zarządzania treścią, takie jak WordPress, domyślnie oferują tę funkcję, ułatwiając webmasterom sprzątanie.

6 Odpowiedni typ obrazu

Istnieje wiele ogólnych typów obrazów, takich jak PNG, JPEG, GIF i BMP. Każdy typ obrazu służy innym celom i nadaje się na różne okazje. Chociaż wszystkie przeglądarki obsługują te powszechnie używane typy obrazów, sprawdź jakość i rozmiar obrazów w swojej witrynie i odpowiednio zoptymalizuj. Pojawiły się również nowe typy obrazów, takie jak JPEG2000 i WebP. Google zachęca webmasterów do korzystania z tych zoptymalizowanych typów obrazów. Jednak nie wszystkie przeglądarki obsługują te nowe typy obrazów. Dlatego, gdy używasz nowych typów obrazów, upewnij się, że wyświetlasz standardowe obrazy PNG lub JPEG jako awaryjne.

7 Obraz Mapa strony

Jeśli używasz obrazów jako głównego źródła ruchu w swojej witrynie, dobrym pomysłem jest wygenerowanie mapy witryny obrazu i przesłanie jej do wyszukiwarek w sposób podobny do zwykłej mapy witryny XML. Mapa witryny z obrazami powinna zawierać szczegółowe informacje o obrazach na każdej stronie, aby wyszukiwarki mogły je łatwo przeszukiwać i odpowiednio indeksować.

8 Leniwe ładowanie

Lazy loading to technika odraczania obrazów poza ekranem, których użytkownicy obecnie nie oglądają. Gdy na stronie znajduje się wiele obrazów od góry do dołu, sensowne jest pokazywanie użytkownikowi obrazów w widocznym obszarze ekranu. Inne obrazy w dół strony zostaną załadowane tylko wtedy, gdy użytkownik przewinie do tej pozycji. Możesz zastosować leniwe ładowanie niezależnie za pomocą skryptu innej firmy lub znaleźć odpowiednią wtyczkę w zależności od używanego systemu zarządzania treścią.

9 Udostępnianie obrazów z subdomeny

Obraz może powiedzieć tysiąc słów. Chociaż łatwo jest przekazać wiadomość za pomocą obrazów, użycie wielu obrazów na stronie drastycznie wydłuży czas ładowania strony. Każdy obrazek na stronie wyśle ​​osobne żądanie http do serwera i sprawi, że ładowanie będzie wolniejsze niż treść tekstowa.

Możliwym rozwiązaniem poprawy szybkości ładowania strony jest wyświetlanie wszystkich obrazów z innej domeny lub subdomeny. Pomaga to równolegle ładować obrazy i poprawia szybkość ładowania strony. Ponieważ obrazy są plikami statycznymi bez żadnych plików cookie, wyświetlanie z oddzielnej subdomeny również zwiększy wynik wczytywania stron dla Twoich stron.

10 Użyj buforowania i CDN

Użytkownicy będą mieli dostęp do Twojej witryny z całego świata. Możesz łatwo buforować statyczne pliki obrazów za pomocą CDN i wyświetlać je z najbliższej lokalizacji do użytkownika. Poprawi to szybkość ładowania, a tym samym zwiększy ranking w wyszukiwarkach. Dodatkowo można również użyć buforowania przeglądarki dla obrazów w pliku konfiguracyjnym serwera, aby poinformować przeglądarkę o poprawności buforowania.

Co robić i czego nie robić z obrazami:

Poniższa tabela przedstawia zalecenia, a czego nie, gdy używasz obrazów w swojej witrynie, aby zapewnić lepszą widoczność w wyszukiwarkach:

ZNie!
Użyj opisowej nazwy i tekstu alternatywnego związanego z treściąOgólne nazwy plików, takie jak „untitles.bmp” lub „image1.jpg”
Podaj tekst alternatywny dla linków graficznychNiezwykle długa nazwa pliku i tekst alternatywny
Prześlij obraz Mapa witryny do wyszukiwarekUpychanie słów kluczowych do tekstu alternatywnego
Korzystanie z linków do obrazów tylko wtedy, gdy jest to wymaganeNiezwykle używanie linków do obrazów do nawigacji
Kompresuj i zmieniaj rozmiar obrazówUżywanie dużej liczby nieskompresowanych obrazów na stronie
Włącz buforowanie przeglądarki i wyświetlaj z domeny bez plików cookieWyświetlanie zbyt wielu obrazów z tej samej domeny, w której dostępna jest treść tekstowa

Źródło nagrywania: webnots.com
Leave A Reply

Ta strona korzysta z plików cookie, aby poprawić Twoje wrażenia. Zakładamy, że nie masz nic przeciwko, ale możesz zrezygnować, jeśli chcesz. AkceptujęWięcej szczegółów