Lista kontrolna optymalizacji obrazu witryny, którą muszą mieć marketerzy

Niezależnie od tego, czy używasz zdjęć, które sam wykonałeś, obrazów, które zaprojektowałeś od podstaw, czy też pobierasz bezpłatne zdjęcia od dostawców obrazów stockowych, ważne jest również, aby Twoje obrazy nie tylko ilustrowały Twój punkt widzenia.

 Lista kontrolna optymalizacji wizerunku strony internetowej

Oto kilka rzeczy, które Twoja witryna lub agencja marketingowa musi działać poprawnie, aby zostać zoptymalizowanym pod kątem sukcesu:

1. Nazwij obrazy odpowiednio

Obrazy potrzebują kontekstu, który można z powodzeniem ustalić, po prostu przypisując im nazwy. Opisowe frazy kluczowe są tutaj bardzo przydatne, ale uważaj, aby nie używać zbyt wielu słów. Wystarczą trzy do pięciu słów oddzielonych myślnikami.

Nazwij odpowiednio tytuły obrazów

2. Podaj szczegółowe atrybuty obrazu alternatywnego z dobrymi słowami kluczowymi

Dla internautów, którzy cierpią z powodu wad wzroku, tekst alternatywny może być bardzo przydatny. Ponadto, gdy obrazy nie ładują się poprawnie z powodu problemów z łącznością, należy użyć atrybutów alt jako substytut. Poza tym pomaga w rankingu Google przygotować tekst alternatywny dla odwiedzających. Dziesięć do piętnastu słów wystarczy, aby przekazać, o czym jest Twój obraz lub podkreślić ważne cechy, nie będąc zbędnymi.

Czytaj więcej: 19 krok po kroku WordPress lista kontrolna SEO na stronie: prosty przewodnik po zwiększeniu ruchu

Używaj szczegółowych atrybutów alt z dobrymi słowami kluczowymi

4. Stwórz dobry i odpowiedni tekst kotwicy

Czasami będziesz musiał dołączyć tekst zakotwiczenia, który wskazuje na obraz w tekście głównym. Nie jest to jednak czas na pisanie po prostu „zobacz obraz”. Używając wyrażeń, takich jak „sprawdź naszą letnią kolekcję” lub „zobacz nasze fidget spinners”, kierujesz odwiedzających do klikania w to, co chcesz, aby zobaczyli, i pomagasz wyszukiwarkom skuteczniej znajdować Twoje produkty.

Utwórz dobry/odpowiedni test kotwicy

5. Efektywnie używaj konwencji nazewnictwa

Konwencje nazewnictwa służą do standaryzacji plików, zasobów i innych treści dla wygody i organizacji. Czasami wymaga to rozpoczęcia nazw obrazów od cyfr lub znaków, które nie zawsze są intuicyjne. Chociaż na początku może ci się to wydawać niezręczne, nadal możesz użyć pozostałej nazwy obrazu dla słów kluczowych, aby uzyskać lepszą optymalizację.

Użyj konwencji nazewnictwa obrazów

6. Tytuły obrazów rzemieślniczych

Tytuły obrazów są widoczne po najechaniu kursorem na obraz na stronie internetowej. Te tytuły są świetne dla zaangażowania użytkowników, jednocześnie poprawiając optymalizację wyszukiwarek (Kliknij tutaj aby przeczytać więcej o poradach SEO). Wdrażając wezwanie do działania, takie jak „Zasubskrybuj teraz” lub „Kup ten przedmiot”, Twój tytuł może pomóc w uzyskaniu pożądanych wyników.

7. Dodaj podpisy

Podpisy różnią się od nazw obrazów, tytułów obrazów i atrybutów alt. Są one domyślnie widoczne na stronie internetowej i wczytują się wraz z resztą tekstu. Możesz używać tych samych słów kluczowych, które pojawiają się w nazwie obrazu lub tekście alternatywnym, ale mieszając je z unikalnymi słowami kluczowymi, poprawiasz również swoje SEO.

Obraz z długim podpisem

8. Zminimalizuj skróty

Zwięzłość może być duszą dowcipu, ale skracanie słów kluczowych w podpisach, tytułach i nazwiskach nie wyświadcza ci żadnej przysługi. To samo dotyczy niejasnych akronimów i skrótów, które wymyśliłeś, aby ograniczyć liczbę znaków do minimum. Zmaksymalizuj swoje. szansa na SEO poprzez przeliterowanie słów, które mają znaczenie.

 

9. Zwiększ szybkość ładowania strony internetowej dzięki kompresji obrazu

W tym roku strony internetowe są większe niż kiedykolwiek, zbliżając się do 3 MB pełnej treści. Narzędzia do edycji obrazów do majsterkowania z niestandardową grafiką, aby uwolnić zdjęcia, takie jak Adobe Photoshop lub PicMonkey, mogą mieć funkcję „Zapisz do Internetu”, która zmniejsza obrazy do rozmiarów, które ładują się szybciej niż oryginały. Zajrzyj do aplikacji komputerowych, takich jak ImageAlpha i JPEGmini, lub aplikacji internetowych TinyPNG i Kraken.io, aby wykonać zadanie. WP.SmushIt jest również idealnym towarzyszem kompresji obrazu dla WordPress.

(Obraz) Pozycja sprężyny kompresyjnej

10. Spójne nazewnictwo wartości i wrażliwość na produktywność

Używanie wielu nazw dla jednego obrazu to recepta na katastrofę, jeśli chodzi o tworzenie treści internetowych. Gdy to zrobisz, Twoje obrazy mogą w tajemniczy sposób zniknąć z innych aktywnych stron i pozostać niezauważone, dopóki nie będzie za późno. Trzymaj się jednej nazwy na obrazie i utrzymuj porządek.

11. Skondensuj i połącz nieistotne elementy obrazu

Twoje obrazy mogą wymagać nazw wskazujących rozmiar lub wymiary. Mogą to być „sm” dla „małego” lub 300x450 dla rozdzielczości. Oto jak zmniejszyć rzeczy:

  • computer-photo-app-300x450-sm.jpg nie jest w pełni zoptymalizowany;
  • komputer-zdjęcie-app-300450sm.jpg jest lepszy.

Utrata „x” i myślnika trochę pomaga, ponieważ nie chcesz oceniać rozmiaru obrazu. Inne słowa są o wiele ważniejsze dla twoich celów.

12. Zoptymalizuj obrazy pod kątem SEO i dobra zawartości Twojej witryny

Obrazy odgrywają rolę w złożonej wartości SEO strony. Elementy takie jak nagłówek, tytuł strony SEO, linki wewnętrzne i zewnętrzne przyczyniają się do tego, jak dobrze działa Twoja witryna, jako całość i jako suma jej części. Optymalizacja obrazu nie jest wyjątkiem i może poprawić Twoją pozycję wśród konkurencji.

zoptymalizuj obrazy pod kątem SEO

Jeśli te jedenaście elementów listy kontrolnej nie jest dla Ciebie dobrym rozwiązaniem, oto kilka pomocnych narzędzi, które pomogą Ci ruszyć z miejsca:

  1. RIOT to optymalizator obrazu systemu Windows, który obsługuje pliki JPG, PNG i GIF. Usuwa metadane obrazu, aby zmniejszyć rozmiary plików, zapewniając jednocześnie podstawowe funkcje edycji obrazu.
  2. PNGOUT, bezpłatna aplikacja, działa w wierszu poleceń systemu Windows lub w oknie dialogowym Uruchom i powoduje stratyless optymalizacja Twoich obrazów.
  3. (Nieczynny) PNGCrushrrr to kolejna bezpłatna aplikacja działająca w systemie Mac OS. Kompresuje pliki PNG do małych rozmiarów i działa za pomocą prostego interfejsu typu „przeciągnij i upuść”.
  4. SuperPNG to darmowa wtyczka, która ogranicza już małe pliki PNG utworzone w Photoshopie. Obsługuje również 16-bitowy kolor, zapisywanie metadanych i kompresję zmiennych.
  5. SuperGIF działa zarówno w systemie Windows, jak i Mac, ma funkcję przeciągania i upuszczania oraz może kompresować obrazy o pięćdziesiąt procent więcej, w zależności od obrazu. Chociaż kompresuje tylko jeden plik GIF naraz, może to być akceptowalny kompromis dla twoich celów.

Czasami znajdziesz się w sytuacji, w której nie masz innego wyboru, jak tylko użyj bezpłatnych zdjęć stockowych. W takim przypadku oto kilka stron internetowych, które mogą zapewnić Ci to, czego potrzebujesz:

Czy obrazy Twojej witryny przeszły nasz test optymalizacji? A może chcesz zaopatrzyć się w obrazy do swojego sklepu internetowego? Daj nam znać, zostawiając komentarz poniżej.

 

 

O autorze
David Attard
Autor: David AttardStrona internetowa: https://www.linkedin.com/in/dattard/
David pracuje w branży online / cyfrowej lub w jej pobliżu od 18 lat. Ma ogromne doświadczenie w branży oprogramowania i projektowania stron internetowych przy użyciu WordPress, Joomla i otaczających je nisz. Jako konsultant ds. Cyfrowych koncentruje się na pomaganiu firmom w uzyskaniu przewagi konkurencyjnej za pomocą połączenia ich strony internetowej i dostępnych obecnie platform cyfrowych.

Jeszcze jedna rzecz... Czy wiesz, że osoby, które udostępniają przydatne rzeczy, takie jak ten post, również wyglądają NIESAMOWITE? ;-)
Proszę zostaw użyteczny skomentuj swoje przemyślenia, a następnie udostępnij to na swoich grupach na Facebooku, które uznają to za przydatne i wspólnie zbierzmy korzyści. Dziękuję za udostępnienie i bycie miłym!

Ujawnienie: Ta strona może zawierać linki do zewnętrznych witryn produktów, które kochamy i gorąco polecamy. Jeśli kupisz sugerowane przez nas produkty, możemy otrzymać opłatę za polecenie. Takie opłaty nie wpływają na nasze rekomendacje i nie przyjmujemy płatności za pozytywne recenzje.

Autorzy promowani w:  Inc Czasopismo Logo .   Logo Sitepoint   Logo CSS Tricks    logo webdesignerdepot   Logo WPMU DEV   i wiele więcej ...