Optymalizacja obrazu 101 - Optymalizuj obrazy postów na blogu pod kątem SEO

Z tego artykułu dowiesz się WSZYSTKIEGO, co musisz wiedzieć o optymalizacji obrazu pod kątem SEO.

W rzeczywistości używam tego samego przewodnika, aby zoptymalizować obrazy moich postów na blogu…

… Zrobić doskonałe pozycjonowanie na stronie dla moich postów na blogu.
… Aby uszeregować moje obrazy w wyszukiwarce grafiki Google.
… I kierować ruchem za pomocą moich obrazów.

Jeśli więc chcesz to zrobić również dla swojego bloga, jesteś we właściwym miejscu.

Zanurzmy się od razu.

Dlaczego musisz zoptymalizować obrazy?

Istnieje wiele powodów, dla których warto optymalizować obrazy. Obrazy, których używasz w artykule, poprawiają wynik SEO, sprawiają, że artykuł jest bardziej przyjazny dla wyszukiwarek, a także odgrywa ogromną rolę w szybkości ładowania strony Twojego bloga.

Korzyści z optymalizacji obrazu:

• Witryny do udostępniania zdjęć, takie jak Pinterest, mogą generować ogromny ruch.
• Zdjęcia pojawiają się w wyszukiwarkach, a ponieważ konkurencja jest znacznie mniejsza w sekcji obrazów, możesz łatwo uzyskać wyższą pozycję obrazu przy odpowiedniej optymalizacji.
• Poprawia współczynnik odrzuceń Twojego bloga i podnosi wynik SEO Twojego artykułu.
• Jeśli tworzysz własne obrazy, możesz również otrzymywać linki zwrotne, gdy inne blogi używają Twojego obrazu w swoich artykułach i podają link do źródła / kredytu.

Znajdowanie odpowiednich obrazów do swojego bloga

Wszyscy używamy obrazów w naszym artykule i zanim zobaczymy najlepsze praktyki optymalizacji obrazów, chciałem podzielić się z wami niektórymi zasobami, z których można bezpłatnie pobrać zdjęcia stockowe.

Mając do czynienia z obrazami, należy ich szukać bardzo ostrożnie. Nie możesz użyć Grafiki Google do wybrania dowolnego obrazu i dodania go do swojego artykułu, ponieważ te obrazy mogą być chronione prawami autorskimi i możesz napotkać duże problemy z użyciem takich obrazów.

• Zapisać

Zamiast tego możesz korzystać z różnych witryn internetowych, które udostępniają zdjęcia stockowe za darmo. Możesz skorzystać z takich stron internetowych, aby znaleźć obraz, który idealnie pasuje do treści Twojego artykułu.

Istnieją strony internetowe, takie jak FreeDigitalPhotos, MorgueFile, Pixabay itp., Które zapewniają darmowe zdjęcia stockowe oraz strony takie jak ShutterStock, na których można uzyskać wysokiej jakości profesjonalne zdjęcia, płacąc kilka dolców.

Możesz skorzystać z bezpłatnych lub płatnych witryn, aby znaleźć odpowiedni obraz do swojego artykułu, ale nigdy nie używaj Grafiki Google, aby je uzyskać.

Byłoby jeszcze lepiej, gdybyś mógł tworzyć niestandardowe obrazy dla swojego bloga.

W ten sposób nikt Ci nigdy nie będzie przeszkadzał i będziesz mieć wszystkie prawa do obrazów, ponieważ stworzyłeś je samodzielnie i zachowujesz wszystkie prawa.

Tworzenie własnych obrazów:

W większości przypadków znajdziesz świetny obraz z witryn stockowych, ale jeśli nie możesz znaleźć idealnego obrazu, a zamiast tego chcesz utworzyć własne obrazy, możesz skorzystać z witryn internetowych, takich jak Canva.

• Zapisać

Canva to najlepsza platforma, zwłaszcza dla osób niebędących projektantami, do tworzenia niestandardowych obrazów. Możesz znaleźć wiele gotowych szablonów i fajnych czcionek, a dzięki prostej funkcji przeciągania i upuszczania niezwykle łatwo jest tworzyć obrazy o dowolnym rozmiarze i wymiarze.

Innym doskonałym narzędziem do projektowania niestandardowych obrazów jest PicMonkey. Oferuje również niestandardowe projekty, których możesz użyć na swoim obrazie.

• Zapisać

Jak zoptymalizować obrazy dla wyszukiwarek?

1. Wybierz odpowiednią nazwę pliku

Przed przesłaniem nowego obrazu do swojego artykułu będziesz musiał sprawdzić jego nazwę przed przesłaniem. Widziałem wielu blogerów wybierających nazwy plików, które nie mają nic wspólnego z treścią artykułu lub nazwy, które nie mają żadnego sensu.

Musisz zmienić nazwę obrazu na taką, dla której chcesz, aby obraz był oceniany. Ponieważ wybierając nazwę obrazu bogatą w słowa kluczowe, ułatwisz wyszukiwarkom pozycjonowanie tego obrazu wyżej w SERP.

Na przykład, jeśli piszesz artykuł o tym, jak znaleźć słowa kluczowe z długiego ogona, nazwij swój obraz jako „znajdź-długi-ogon-słowa kluczowe.jpg” lub coś w tym rodzaju.

Powinien mieć sens zarówno dla Twoich czytelników, jak i dla wyszukiwarek.

Pamiętaj jednak, aby dodać myślniki między dwoma wyrazami i nie pisz wszystkiego bez spacji. Nie powinno tak być - „findlongtailkeywords.jpg”. Nie ma nic złego w tym formacie, ale lepiej zachować bezpieczeństwo i wybrać czytelny format.

2. Rozmiar i kompresja obrazu

Następną rzeczą, o którą musisz zadbać przed przesłaniem obrazu, jest rozmiar obrazu i wymiary. Nie musisz przesyłać dużych obrazów do swojego artykułu, ponieważ spowoduje to ogromne obciążenie serwera i w rezultacie zwiększy prędkość ładowania.

Czas ładowania strony Twojej witryny jest niezwykle ważnym czynnikiem z punktu widzenia SEO i nie chcesz wydłużać czasu, dodając ogromne obrazy.

Rozmiar obrazu:

Według mnie rozmiar przesyłanego obrazu powinien wynosić minimum 200 x 200 pikseli , aby został odebrany przez serwisy społecznościowe, takie jak Facebook, Twitter i Google+.

Możesz jednak wstawić do artykułu znacznie mniejszy lub duży obraz, w zależności od wymagań. Powyższe wymiary zostały wspomniane tylko dlatego, że są to minimalne wymagania, aby obraz był wybierany przez sieci społecznościowe.

Jeśli masz do czynienia z dużymi obrazami, pamiętaj o uwzględnieniu szerokości obszaru treści swojego bloga.

• Zapisać

Większość motywów blogów ma szerokość obszaru treści 600-700px lub mniej lub więcej, w zależności od motywu, więc upewnij się, że znasz szerokość obszaru treści, aby stworzyć idealny obraz.

W powyższej sekcji podano prawidłowe wymiary obrazu, ale co należy zrobić, gdy pobierzesz zbyt duży obraz stockowy?

Jeśli pobrałeś zdjęcie stockowe i ma zbyt duże wymiary, lepiej zmienić jego rozmiar, a następnie przesłać. Nie przesyłaj obrazu w oryginalnym rozmiarze i nie zmieniaj jego rozmiaru, używając parametrów wysokości i szerokości w edytorze postów.

Jeśli prześlesz oryginalny obraz, a następnie zmienisz jego rozmiar z postu, nic nie robisz. Po załadowaniu strony do przeglądarki obrazy zostaną załadowane do swoich oryginalnych wymiarów i rozmiarów, a następnie ich rozmiar zostanie zmieniony. To tylko wydłuży czas ładowania Twojej strony.

Istnieją narzędzia online, takie jak PicResize i PicMonkey, których możesz użyć do zmiany rozmiaru zdjęć przed przesłaniem ich do artykułu.

Kompresja obrazu

Używając obrazów stockowych o wysokiej jakości, będziesz wywierać duży nacisk na serwer, aby po prostu załadować obrazy. Im wyższa jakość obrazu, tym większy będzie jego rozmiar.

Jeśli obraz, który chcesz przesłać, ma trzy cyfry w KB lub jest w MB, to dlatego, że jakość obrazu jest zbyt wysoka.

Obraz może mieć wymiary około 500 x 500 pikseli i nadal mieć duży rozmiar. W takich momentach nie można po prostu zmienić rozmiaru obrazu; musisz je skompresować, aby uzyskać mniejszą wagę.

Istnieją narzędzia takie jak TinyPNG, które pomagają w kompresowaniu obrazów w celu zmniejszenia rozmiaru. Nawet po skompresowaniu obrazów nie wpłynie to znacząco na jakość obrazu. Obraz będzie nadal dobrze wyglądał i nie będzie zniekształcony ani pikselizowany.

• Zapisać

3. Tekst ALT

Głównym celem tekstu ALT jest dostarczenie opisu do pliku obrazu. Jeśli obrazy nie pojawiają się z jakiegokolwiek powodu, w jego miejsce pojawi się tekst ALT, opisujący zawartość obrazu.

Innym zastosowaniem tekstu ALT jest poinformowanie wyszukiwarek, że w jego miejscu znajduje się obraz. Wyszukiwarki nie mogą odczytać obrazu, a jeśli nie używasz tekstu ALT na obrazach na swoim blogu, tracisz duży ruch.

Wyszukiwarki używają tekstu ALT do określenia najlepszych obrazów do zwrócenia dla określonego zapytania. Większość ludzi próbuje dostać się na najwyższą pozycję w wyszukiwarce, ale ignoruje wyszukiwarki grafiki, które również mogą generować duży ruch. Tak więc, dodając tekst ALT do obrazów, upewniasz się, że artykuł jest idealnie zoptymalizowany, co pomaga uzyskać przewagę SEO nad konkurencją.

Jak wybrać teksty ALT?

Znasz już zalety i znaczenie tekstów ALT, ale co powinieneś wpisać jako tekst ALT na obrazach?

Teksty ALT to najlepsze miejsce na wpisanie słów kluczowych i zwiększenie szans na pojawienie się wyżej w wynikach wyszukiwania grafiki.

Musisz jednak upewnić się, że obraz jest odpowiedni dla tekstu ALT. Nigdy nie powinieneś dodawać zdjęcia kota do swojego artykułu i oznaczać go jako „ najlepsze darmowe narzędzia SEO ”. To po prostu nie ma sensu.

Więc użyj odpowiedniego obrazu, który pokazuje temat twojego artykułu i dodaj słowa kluczowe w tekstach ALT, aby był widoczny dla wyszukiwarek i zwiększyć szanse na uzyskanie pozycji w rankingu.

Jak dodać teksty ALT do obrazów?

Aby dodać tekst ALT do kodu obrazu, po prostu dodaj alt = „to jest twój tekst alternatywny” . Oto przykład, jak to zrobić.

<img src = ”find-long-tail-words.jpg” alt = ”jak znaleźć długie słowa kluczowe” />

Prostą metodą dodania tekstu ALT byłoby użycie programu Media Uploader w edytorze postów WordPress. Po przesłaniu obrazu do artykułu będziesz mógł dodać tekst ALT bezpośrednio do obrazu. Sprawdź poniższy obrazek, aby dowiedzieć się, jak to zrobić.

• Zapisać

Więc pamiętaj, aby dodać tekst ALT, który opisuje obraz, a także treść artykułu. W ten sposób czytelnicy mogą również rozpoznać zawartość obrazu, a wyszukiwarki będą mogły go uszeregować pod kątem powiązanych zapytań.

Kilka punktów do zapamiętania:

1. Wysokość i szerokość obrazów:

Parametry wysokości i szerokości są jednymi z najczęściej pomijanych czynników w optymalizacji obrazu. Ilekroć wstawiasz obraz do artykułu, upewnij się, że jego kod HTML zawiera również parametry wysokości i szerokości.

Powodem, dla którego powinny być obecne w kodzie, jest to, że odgrywa on ogromną rolę w szybkości ładowania strony. Gdy przeglądarki wykryją znaczniki wysokości i szerokości, będą kontynuować ładowanie tekstu na stronie, zachowując przestrzeń zdefiniowaną przez parametry wysokości i szerokości oraz wypełniając ją obrazem.

Tekst i obraz zostaną załadowane jednocześnie, dzięki czemu utrzyma się dobrą szybkość ładowania strony. Jeśli nie wspomnisz o tagach, przeglądarki załadują tekst do obrazu, następnie obraz zostanie załadowany w całości, a pozostały tekst zostanie załadowany. Spowoduje to duże obciążenie serwerów i przyspieszy ładowanie strony.

W WordPress te parametry są automatycznie dodawane po wstawieniu obrazu, ale jeśli ręcznie dodasz tagi HTML lub jeśli chcesz się tylko upewnić, że tagi są obecne, możesz przejść do sekcji Edytor tekstu , znaleźć kod obrazu, który będzie wyglądał jak na poniższym obrazku i określa parametry wysokości i szerokości, jak pokazano.

• Zapisać

2. Usuń hiperłącze z obrazu

Gdy prześlesz obrazy w swoim artykule, WordPress automatycznie doda łącze w kodzie źródłowym do lokalizacji obrazu (tj. / Wp-content / uploads folder).

• Zapisać

Jeśli nie chcesz udostępniać linku do obrazu w pełnym rozmiarze, nie przychodzi mi do głowy żaden powód, dla którego powinieneś zachować hiperłącza na obrazie.

Hiperłącze nie tylko przekazuje sok z linków do nieistotnej strony obrazu, ale także rozprasza uwagę użytkowników. Kiedy odwiedzający czytają artykuł i przypadkowo klikną obraz, zostaną przekierowani do lokalizacji obrazu, a tym samym mogą stracić zainteresowanie artykułem.

Dlatego lepiej jest po prostu usunąć linki z kodu źródłowego obrazu. Oto, jak możesz usunąć hiperłącze z obrazu.

Po przesłaniu obrazu po prawej stronie, w sekcji „Ustawienia wyświetlania załączników” , zobaczysz opcję „ Połącz z” . Kliknij menu rozwijane i wybierz opcję Brak, aby usunąć hiperłącze.

• Zapisać

Najlepsze praktyki dla zoptymalizowanego obrazu

1. Format obrazu - JPEG, PNG czy GIF?

Dostępne są różne typy formatów obrazu, takie jak JPEG (JPG), PNG i GIF. Przeważnie wszyscy używamy formatu JPEG, ale czasami używamy również formatu PNG i GIF.

• Format JPEG - format JPEG najlepiej nadaje się do fotografii cyfrowej i jest najczęściej używanym formatem.
• Format PNG - PNG jest formatem bezstratnym i oferuje niesamowitą kompresję. Nawet jeśli wielokrotnie edytujesz obraz lub zmienisz jego rozmiar i skompresujesz, nie utraci on żadnych danych ani nie pogorszy jakości.
• Format GIF - format GIF jest popularny głównie dlatego, że obsługuje obrazy o małych rozmiarach.

Ze wszystkich formatów graficznych najlepszym formatem obrazu, jakiego można użyć, jest JPEG. Powód tego jest bardzo prosty. Formaty JPEG mają stosunkowo mniejszy rozmiar, co oznacza, że ​​obrazy będą ładować się szybciej, a ponieważ nie musisz dużo edytować obrazów, format JPEG jest najlepszy do wykorzystania w twoich postach.

2. Użyj podpisów na obrazie

Podpisy to opis tekstowy, który pojawia się bezpośrednio pod obrazami w artykule. Możesz użyć obszaru podpisu, aby opisać obraz lub podać linki do autorów.

• Zapisać

Nie ma bezpośredniego związku między podpisami graficznymi a rankingami wyszukiwarek. Ale są powody, dla których dodanie podpisu do obrazu jest naprawdę ważnym czynnikiem.

Podpisy są dostępne dla Ciebie, abyś mógł powiedzieć swoim czytelnikom, co próbujesz zasugerować, używając obrazu. Czasami czytelnicy mogą mieć zły pomysł i przeskoczyć do błędnych wniosków, a Ty musisz podać im wszystkie informacje i szczegóły, zanim przejdą do jakichkolwiek wniosków.

• Zapisać

Używając inteligentnych i kreatywnych podpisów z kreatywnymi obrazami, wzbudzisz zainteresowanie czytelników i mogą spędzić więcej czasu w Twojej witrynie, czytając cały artykuł. Zmniejszy to współczynnik odrzuceń, co z kolei poprawi Twój wynik SEO i zwiększy szanse, że obraz uzyska wyższą pozycję w wynikach wyszukiwania.

3. Użyj map witryn z obrazami

Wszyscy wiemy, jak ważne są mapy witryn, a pierwszą rzeczą, jaką robimy, kiedy tworzymy nowy blog, jest zbudowanie mapy witryny i dodanie jej do kont narzędzi webmasterów różnych wyszukiwarek.

Dodając mapę witryny, informujesz wyszukiwarki, że istnieją nowe strony, które należy przeszukać i zindeksować, dzięki czemu upewniasz się, że roboty-pająki wyszukiwarek są w stanie zaindeksować każdą stronę w Twojej witrynie i indeks w wyszukiwarkach.

Tworzysz mapy witryn dla swoich artykułów, więc dlaczego nie możesz również tworzyć map witryn z obrazami i zwiększać szans na indeksowanie obrazów?

Tworzenie map witryn obrazów jest niezwykle łatwe, ponieważ możesz użyć wtyczki Udinra All Image Sitemap, aby utworzyć mapę dla obrazów na swoim blogu i przesłać ją na koncie Narzędzi dla webmasterów. Po przesłaniu mapy witryny wszystkie obrazy zostaną przeszukane i zindeksowane w wyszukiwarkach.

Kiedy mapy witryn z obrazami są ważne?

Jeśli prowadzisz bloga na tematy, które nie mają nic wspólnego z obrazami, możesz uniknąć map witryn z obrazami. Ale jeśli prowadzisz blog fotograficzny lub blog technologiczny, który wymaga wielu obrazów, dobrym pomysłem jest utworzenie mapy witryny z obrazami, aby upewnić się, że obrazy są poprawnie indeksowane w wyszukiwarkach.

Wtyczki WP dla lepszej optymalizacji obrazu

W katalogu wtyczek WordPress znajduje się wiele wtyczek SEO, a kolekcja zawiera naprawdę niesamowite wtyczki, które pomogą Ci lepiej zoptymalizować obrazy na Twoim blogu. Zobaczymy jedne z najlepszych wtyczek do optymalizacji obrazu, których możesz użyć do zarządzania obrazami i ich doskonałej optymalizacji.

1. Obrazy przyjazne dla SEO

• Zapisać

To zdecydowanie najlepsza wtyczka do optymalizacji obrazów pod kątem wyszukiwarek. Jeśli masz dużo obrazów w swojej witrynie i nie dodałeś tagu tytułu ani tekstu ALT do obrazów, ta wtyczka automatycznie doda tagi do obrazu na podstawie wybranych ustawień.

Wystarczy pobrać wtyczkę SEO Friendly Images i zainstalować ją w swojej witrynie. Następnie skonfiguruj go, wybierając opcje, a wtyczka doda tytuł i tekst ALT wszędzie tam, gdzie ich brakuje.

Więc jeśli masz dużo niezoptymalizowanych obrazów na swoim blogu, czas użyć tej wtyczki, aby ją zoptymalizować.

Uwaga:: Sugerowałbym ręczne dodawanie tekstów ALT i tagów tytułu do obrazów zaraz po ich przesłaniu. Powodem tego jest to, że wtyczka SEO Friendly Images może nie dodawać idealnych tekstów ALT do twoich obrazów, ponieważ działa na opcjach wybranych w obszarze ustawień.

2. WP Smush.It lub EWWW Image Optimizer

• Zapisać

Bez względu na to, jak bardzo spróbujesz zmienić rozmiar obrazów i zoptymalizować je przed przesłaniem, nadal będzie możliwość ich dalszej optymalizacji.

Tutaj pojawiają się wtyczki, takie jak WP Smush i EWWW Image Optimizer. Obie robią mniej więcej to samo, więc możesz użyć dowolnej z nich w swojej witrynie.

Te wtyczki optymalizują obrazy, zmniejszając ich rozmiar bez pogorszenia jakości obrazu. Nie ma skomplikowanych ustawień, wystarczy uruchomić optymalizator, a wszystkie obrazy zostaną zoptymalizowane.

Oto artykuł opublikowany na WPBeginner, który pokazuje, jak możesz użyć wtyczki WP Smush do optymalizacji obrazu, a także innych alternatywnych wtyczek, takich jak EWWW Image Optimizer w akcji.

Obraz SEO i Pinterest:

Pinterest to najpopularniejsza sieć społecznościowa do udostępniania zdjęć z całej sieci. Jeśli używasz wielu zdjęć, nie udostępnianie ich na Pintereście to naprawdę zły pomysł.

Ponieważ Pinterest jest autorytatywną witryną, obrazy udostępniane w sieci są częściej indeksowane i umieszczane w wynikach wyszukiwania.

Tak więc za każdym razem, gdy udostępniasz obraz na Pinterest, upewnij się, że optymalizujesz go poprawnie, dodając odpowiedni opis i linki do każdego obrazu, aby uzyskać wszystkie korzyści SEO i ruch w Twojej witrynie.

Kiedy można udostępniać obrazy na Pinterest?

Pinterest nie jest siecią dla każdego. Jeśli udostępniasz dużo zdjęć na swoim profilu, nie oznacza to, że uzyskasz takie same korzyści, jakie otrzymują inni użytkownicy.

Większość użytkowników Pinteresta to kobiety, a najpopularniejsze kategorie to dom, sztuka / rękodzieło, styl / moda, jedzenie, podróże itp. Jeśli więc Twoja witryna zawiera samouczki lub artykuły związane z aplikacjami, nie otrzymasz żadnych znaczące korzyści z sieci.

Jednak nie ma nic złego w tworzeniu tablicy i udostępnianiu tego, czym chcesz się podzielić. Być może w przyszłości zmieni się gust użytkowników Pinteresta i inne tematy staną się popularne. Dlatego udostępniaj dalej zdjęcia ze swoich artykułów na Pintereście i dodaj link z powrotem do swojego posta w opisie.

Podsumowanie:

Spędzasz godziny na pisaniu idealnego posta, więc nie pozwól, aby cały ten wysiłek poszedł na marne, nie używając zoptymalizowanych obrazów dla lepszych rankingów w wyszukiwarkach. Postępując zgodnie z instrukcjami i najlepszymi praktykami wymienionymi w tym artykule, jestem prawie pewien, że wkrótce zaczniesz widzieć pozytywne wyniki.

Jeśli podobał Ci się artykuł o optymalizacji obrazu, udostępnij go również innym. Jeśli masz jakieś pytania lub sugestie, którymi chciałbyś się z nami podzielić, skorzystaj z poniższego formularza komentarzy.

Chciałbym również wiedzieć, jakich wtyczek używasz do optymalizacji obrazów na swoim blogu? Jakie są strategie, które wdrażasz, aby pozycjonować swoje obrazy wyżej w wyszukiwarkach?

• Zapisać