Jak prawidłowo dodawać obrazy w WordPressie (krok po kroku)

Znalezienie idealnego obrazu do swojego wpisu na WordPressie to wspaniałe uczucie. Często jednak towarzyszy mu uporczywy niepokój o spowolnienie witryny lub zaszkodzenie SEO.

To uzasadniona obawa. Niewłaściwe podejście może prowadzić do sfrustrowanych odwiedzających i niższych pozycji w wyszukiwarkach. Wiemy, jak ważne jest znalezienie właściwej równowagi dla sukcesu witryny.

Dzięki naszemu doświadczeniu w zarządzaniu tysiącami artykułów opracowaliśmy prosty proces, który zapewnia szybkie ładowanie stron, jednocześnie sprawiając, że obrazy pracują na rzecz Twojego SEO. Jest to metoda, na której polegamy każdego dnia.

W tym przewodniku przeprowadzimy Cię przez te dokładne kroki. Dowiesz się, jak prawidłowo dodawać obrazy w sposób, który pomoże Twojej witrynie się rozwijać.

Znaczenie poprawnego przesyłania obrazów w WordPress

Czasami użytkownicy bezpośrednio kopiują obraz ze źródła i wklejają go do treści swojej strony internetowej. Niestety, może to powodować problemy, takie jak wolne strony, słabe doświadczenie użytkownika i słabe SEO.

Podczas dodawania obrazów do witryny WordPress ważne jest, aby robić to prawidłowo. Oznacza to używanie odpowiedniego formatu pliku, nazwy pliku i tekstu alternatywnego.

Powinieneś również używać opisowych nazw plików obrazów. Na przykład, zamiast przesyłać ogólny plik, taki jak IMG_9021.jpg, powinieneś go zmienić na coś opisowego, takiego jak przepis-na-ciasteczka-z-kawałkami-czekolady.jpg przed przesłaniem.

Ten prosty krok daje wyszukiwarkom wskazówkę, czego dotyczy obraz, co może pomóc w Twoim SEO.

Prawidłowe dodawanie obrazów oznacza również zmianę rozmiaru obrazów, aby ładowały się szybko i wyglądały dobrze na wszystkich urządzeniach. Dobrą zasadą w przypadku wpisów na blogu jest skalowanie obrazów do maksymalnej szerokości 1200 pikseli.

Niektóre formaty obrazów, takie jak JPEG, są bardziej skompresowane niż inne. Oznacza to, że obrazy JPEG zajmą mniej miejsca na serwerze i będą ładować się krócej.

Używając tych formatów wraz z plug-inem do kompresji obrazów, możesz poprawić wrażenia użytkownika na swojej stronie internetowej.

Blok Obraz w WordPress pozwala na ręczne dodawanie ważnych informacji SEO, takich jak tekst alternatywny, do każdego obrazu. Może to zwiększyć ranking Twojej witryny i poprawić dostępność Twoich stron internetowych dla osób z niepełnosprawnościami.

Mając to na uwadze, zobaczmy, jak prawidłowo dodawać obrazy w WordPress. Omówimy kilka metod i możesz użyć poniższych szybkich linków, aby przejść do różnych sekcji naszego samouczka:

Jak dodawać obrazy w edytorze bloków (Gutenberg)

Możesz łatwo dodawać obrazy w edytorze bloków WordPress, używając bloku Obraz.

Najpierw musisz otworzyć istniejącą lub nową stronę/wpis, do którego chcesz dodać obraz.

Gdy już tam będziesz, kliknij przycisk „Dodaj blok” (+) w lewym górnym rogu ekranu, aby otworzyć menu bloków. Stąd musisz znaleźć blok „Obraz” i dodać go do wpisu lub strony.

Po dodaniu bloku zobaczysz przyciski „Prześlij” lub „Biblioteka mediów”. Zalecamy kliknięcie przycisku „Biblioteka mediów”. Pozwala to dodać tekst alternatywny i tytuły przed wstawieniem obrazu do treści.

Tutaj możesz przełączyć się na zakładkę „Prześlij pliki”, jeśli chcesz przesłać obraz z komputera.

Jednak jeśli chcesz dodać obraz z Biblioteki Mediów, możesz to zrobić, przełączając się na zakładkę „Biblioteka Mediów”.

W panelu „Szczegóły załącznika” po prawej stronie możesz dodać ważne informacje. Pamiętaj, aby wypełnić pole „Tekst alternatywny” krótkim opisem tego, co przedstawia obraz. Jest to kluczowe dla SEO i dla odwiedzających korzystających z czytników ekranu.

Możesz również dodać „Tytuł”. Jest on używany głównie do organizowania plików w Bibliotece Mediów, chociaż niektóre motywy mogą go wyświetlać, gdy ktoś najeżdża kursorem na obraz. Możesz również dodać „Podpis”, który jest widocznym opisem wyświetlanym bezpośrednio pod obrazem.

Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem dla początkujących na temat dodawania podpisów do obrazów w WordPress.

Następnie kliknij przycisk „Wybierz”, aby dodać obraz do swojej strony lub posta.

Teraz, gdy już go przesłałeś, możesz dalej dostosowywać rozmiar obrazu, wymiary, obramowanie i styl z panelu bloków po prawej stronie.

Aby uzyskać szczegółowe informacje, zapoznaj się z naszym samouczkiem na temat dodawania i wyrównywania obrazów w WordPress.

Na koniec kliknij przycisk „Aktualizuj” lub „Opublikuj”, aby zapisać swoje ustawienia.

Pomyślnie dodałeś obraz w edytorze Gutenberg.

Jak dodać obrazy w klasycznym edytorze

Jeśli nadal korzystasz ze starego klasycznego edytora w WordPress, możesz użyć tej metody.

Najpierw musisz odwiedzić stronę lub wpis, do którego chcesz dodać obraz, z poziomu panelu administracyjnego WordPress. Gdy już tam będziesz, po prostu kliknij przycisk „Dodaj nośnik”, aby otworzyć Bibliotekę mediów.

Następnie możesz przełączyć się na zakładkę „Prześlij pliki”, aby przesłać obraz z komputera.

Alternatywnie, aby dodać obraz z Biblioteki Mediów, po prostu przełącz się na zakładkę „Biblioteka Mediów”.

Po dodaniu obrazu będziesz musiał dodać dla niego tekst alternatywny i tytuł. Możesz również dodać opis i podpis, jeśli chcesz.

Aby uzyskać najlepsze rezultaty, używaj każdego pola do jego konkretnego celu. Tekst alternatywny powinien jasno opisywać obraz dla wyszukiwarek i użytkowników z wadami wzroku.

Podpis to widoczny opis dla Twoich czytelników, a tytuł może dostarczyć dodatkowych informacji, gdy ktoś najedzie kursorem na obraz na pulpicie.

Następnie kliknij przycisk „Wstaw do posta”.

Teraz obraz zostanie dodany do Twojego posta lub strony WordPress.

Stąd możesz zmienić jego wyrównanie, używając ikon wyrównania nad obrazem. Możesz edytować obraz dalej, klikając ikonę ołówka.

Spowoduje to otwarcie na ekranie okna „Szczegóły obrazu”, gdzie możesz zmienić rozmiar i dodać atrybuty tytułu obrazu, klasy CSS, wyrównanie i inne.

Po zakończeniu kliknij przycisk „Aktualizuj”, aby zapisać wprowadzone zmiany.

Następnie po prostu kliknij przycisk „Opublikuj” lub „Zaktualizuj”, aby zapisać swój wpis.

Dodaj obrazy w bibliotece multimediów WordPress

Inną metodą jest najpierw bezpośrednie przesłanie obrazów do Twojej Biblioteki Mediów. Jest to świetny sposób na przygotowanie i zorganizowanie obrazów przed dodaniem ich do wpisu lub strony.

Aby dodać obraz z Biblioteki multimediów, musisz odwiedzić stronę Multimedia » Dodaj nowe z obszaru administracyjnego WordPress.

Gdy tam będziesz, kliknij przycisk „Wybierz pliki”, aby przesłać obraz z komputera. Następnie kliknij link „Edytuj” obok obrazu.

Spowoduje to przejście do strony „Edytuj multimedia”, gdzie możesz zacząć od zmiany tytułu obrazu. Następnie możesz przewinąć w dół, aby dodać tekst alternatywny, podpis i opis.

Po wykonaniu tej czynności możesz również kliknąć przycisk „Edytuj obraz”.

Przekieruje Cię to na inną stronę, gdzie możesz przyciąć, przeskalować, obrócić lub odwrócić obraz zgodnie z własnymi upodobaniami. Szczegółowe instrukcje znajdziesz w naszym przewodniku dla początkujących na temat podstawowej edycji obrazów w WordPress.

Gdy będziesz zadowolony, kliknij przycisk „Zaktualizuj”, aby zapisać zmiany.

Spowoduje to powrót do strony „Edytuj multimedia”, gdzie musisz ponownie kliknąć przycisk „Aktualizuj”, aby zapisać swoje ustawienia.

Pomyślnie dodałeś obraz do Biblioteki Mediów.

Następnie przejdź do posta, do którego chcesz dodać ten obraz, z paska bocznego administracji WordPressa. Gdy tam będziesz, kliknij przycisk „Dodaj blok” (+), aby dodać blok „Obraz” do posta.

Następnie musisz wybrać przycisk „Biblioteka multimediów”.

Spowoduje to wyświetlenie na ekranie okna „Wybierz lub prześlij multimedia”, gdzie u góry zauważysz obraz, który przesłałeś do biblioteki mediów.

Po jego wybraniu zobaczysz, że jego tytuł, tekst alternatywny, podpis i opis zostały już do niego dodane ze strony biblioteki mediów.

Teraz po prostu kliknij przycisk „Wybierz”, aby przesłać obraz do edytora blokowego.

Na koniec kliknij przycisk „Opublikuj” lub „Zaktualizuj”, aby zapisać swoje ustawienia.

Jak zoptymalizować obraz dla WordPress SEO

Po dodaniu obrazu do posta/strony, kluczowe jest również zoptymalizowanie go pod kątem wyszukiwarek. Niestety, WordPress nie oferuje żadnych wbudowanych zaawansowanych funkcji SEO dla obrazów.

Tutaj właśnie wkracza All in One SEO for WordPress (AIOSEO).

Jest to najlepszy plug-in SEO dla WordPress na rynku, ponieważ znacznie ułatwia optymalizację treści, w tym obrazów, pod kątem wyszukiwarek.

W WPBeginner używamy go do poprawy naszych rankingów w wyszukiwarkach i widzimy świetne rezultaty. Aby dowiedzieć się więcej o naszym doświadczeniu, zapoznaj się z naszą recenzją AIOSEO.

Najpierw musisz zainstalować i aktywować plug-in AIOSEO. Więcej instrukcji znajdziesz w naszym przewodniku krok po kroku na temat instalacji plug-inu WordPress.

Po aktywacji będziesz musiał skonfigurować kreatora konfiguracji.

Więcej szczegółów znajdziesz w naszym przewodniku na temat prawidłowego konfigurowania All in One SEO dla WordPress.

Następnie przejdź do strony All in One SEO » Wygląd wyszukiwania z paska bocznego administracji WordPress i przełącz się na zakładkę „SEO obrazu”.

Następnie przewiń w dół i kliknij przycisk „Aktywuj SEO obrazu”, aby odblokować funkcję.

Będziesz teraz mógł zobaczyć ustawienia SEO obrazu. Tutaj zauważysz różne zakładki dla tytułu, tekstu alternatywnego, podpisu, opisu i nazwy pliku.

Konfiguruj automatyczne tytuły obrazów

Po przełączeniu się na zakładkę „Tytuł” na stronie SEO obrazu możesz zacząć od utworzenia formatu tytułu dla swoich obrazów przy użyciu inteligentnych tagów.

Te inteligentne tagi automatycznie wygenerują atrybuty tytułu dla Twoich obrazów. To właśnie zobaczy odwiedzający, gdy najecha myszą na Twoje obrazy.

Na przykład, jeśli chcesz, aby każdy atrybut tytułu obrazu używał tytułu obrazu i tytułu witryny, możesz dodać te inteligentne tagi w polu „Format tytułu”.

Oznacza to, że obraz zatytułowany „Ciasteczko z kawałkami czekolady” na stronie o nazwie „Mój Niesamowity Blog” automatycznie otrzyma atrybut tytułu obrazu „Ciasteczko z kawałkami czekolady – Mój Niesamowity Blog”.

Następnie możesz również włączyć opcję Usuń znaki interpunkcyjne, jeśli chcesz, aby AIOSEO automatycznie usuwało niektóre znaki podczas tworzenia tytułu obrazu z nazwy pliku.

Na przykład, jeśli używasz myślników podczas zapisywania pliku obrazu, takiego jak „przykladowy-obraz”, możesz wybrać opcję „Myślniki (-)” w sekcji „Znaki do zamiany na spacje”.

Po wykonaniu tej czynności AIOSEO automatycznie usunie te myślniki i zamieni je na spacje. Jest to pomocne, ponieważ automatycznie konwertuje nazwę pliku, taką jak „an-example-image.jpg”, na czysty, czytelny tytuł, taki jak „an example image”, co jest lepsze zarówno dla użytkowników, jak i wyszukiwarek.

Następnie przewiń w dół do sekcji „Obudowa”.

Stąd możesz wybrać opcję formatowania dla swojego tytułu. Zalecamy wybór wielkości zdaniowej lub wielkości tytułowej, aby Twoje tytuły były bardziej czytelne.

Konfiguruj automatyczne tagi alternatywne

Po skonfigurowaniu ustawień tytułu przejdź do zakładki „Tag Alt” u góry.

Stąd możesz użyć inteligentnych tagów obok opcji „Format tekstu alternatywnego”, aby automatycznie generować tekst alternatywny dla wszystkich Twoich obrazów.

Następnie możesz również włączyć ustawienie „Usuń znaki interpunkcyjne”, jeśli chcesz, aby znaki takie jak myślniki (-) lub podkreślenia (_) były zamieniane na spacje.

Podobnie, jeśli istnieją znaki, takie jak liczby lub znaki plus (+), których AIOSEO nie chcesz usuwać podczas tworzenia tekstu alternatywnego, możesz zaznaczyć pola tych opcji w sekcji „Znaki do wykluczenia z usuwania”.

Możesz również wybrać wielkość liter dla tekstu alternatywnego.

Konfiguruj automatyczne podpisy i opisy

Aby wygenerować automatyczne podpisy dla swoich obrazów, przejdź do zakładki „Podpisy”.

Upewnij się, że opcja „Automatycznie generuj podpis podczas przesyłania” jest włączona. Następnie możesz wybrać inteligentne tagi, które będą używane do generowania podpisów do Twoich obrazów.

Następnie możesz również użyć funkcji Usuń znaki interpunkcyjne, aby wykluczyć lub uwzględnić znaki w podpisach i wybrać ich wielkość liter.

Po zakończeniu musisz przejść do zakładki „Opis” na górze.

Upewnij się, że opcja „Autogeneruj opis podczas przesyłania” jest włączona. Musisz również wybrać inteligentne tagi, których chcesz użyć do generowania automatycznych opisów obrazów.

Następnie możesz również użyć funkcji „Usuń znaki interpunkcyjne”, aby uwzględnić/wykluczyć znaki takie jak podkreślenia, apostrofy lub liczby w opisie.

Następnie po prostu wybierz wielkość liter dla opisów obrazów.

Konfiguruj automatyczne nazwy plików

Jak wspomnieliśmy wcześniej, zalecamy nadawanie plikom obrazów przyjaznych dla SEO nazw. Możesz to zrobić przed przesłaniem obrazów, lub AIOSEO może zrobić to za Ciebie automatycznie.

Po przełączeniu się na zakładkę „Nazwa pliku” zobaczysz, że AIOSEO udostępnia domyślne ustawienia „Usuń znaki interpunkcyjne”, które pomogą Ci zacząć.

Jednakże, jeśli są jakieś inne znaki, które chcesz, aby AIOSEO usunął z nazw plików obrazów podczas tworzenia tytułów lub tekstu alternatywnego, możesz wpisać te znaki w polu „Słowa do usunięcia”.

Następnie możesz również wybrać wielkość liter dla nazw plików.

Po zakończeniu nie zapomnij kliknąć przycisku „Zapisz zmiany”, aby zachować ustawienia.

Pomyślnie zoptymalizowałeś swoje obrazy pod kątem SEO, a AIOSEO automatycznie wygeneruje tytuły, tekst alternatywny, podpisy i opisy dla wszystkich Twoich obrazów.

Bardziej szczegółowe instrukcje znajdziesz w naszym przewodniku dla początkujących na temat optymalizacji obrazów dla wyszukiwarek.

Bonus: Pozwól użytkownikom przesyłać obrazy w WordPressie

Możesz również zezwolić użytkownikom na przesyłanie własnych obrazów do Twojego bloga WordPress. Może to być przydatne, jeśli organizujesz konkurs lub prowadzisz witrynę fotograficzną, która akceptuje obrazy generowane przez użytkowników.

Do tego celu możesz użyć WPForms, który jest najlepszym pluginem formularzy kontaktowych na rynku. Posiada kreator typu „przeciągnij i upuść”, który ułatwia tworzenie dowolnego rodzaju formularza, w tym formularza przesyłania obrazów.

Używaliśmy wtyczki do tworzenia formularzy kontaktowych i corocznych ankiet dla naszej strony internetowej i uwielbiamy to, że pozwala nam przeglądać wpisy formularzy bezpośrednio w panelu administracyjnym WordPress.

Aby dowiedzieć się więcej, zapoznaj się z naszą recenzją WPForms.

Najpierw musisz zainstalować i aktywować plugin WPForms. Szczegółowe informacje znajdziesz w naszych instrukcjach dotyczących instalacji pluginu WordPress.

Po aktywacji przejdź do ekranu WPForms » Dodaj nowy z pulpitu WordPress, aby uruchomić kreator formularzy.

Stąd musisz wpisać nazwę dla swojego formularza, a następnie kliknąć przycisk „Użyj szablonu” pod szablonem „Prosty formularz kontaktowy”.

Spowoduje to załadowanie szablonu w kreatorze formularzy, gdzie zauważysz jego podgląd po prawej stronie i dostępne pola w lewej kolumnie.

Stąd możesz przeciągnąć i upuścić pole „Przesyłanie pliku” na formularz i kliknąć je, aby dalej dostosować jego ustawienia.

Możesz zmienić etykietę i opis pola, a nawet określić dozwolone rozszerzenia.

Na przykład, jeśli chcesz zezwolić tylko na pliki JPEG i PNG, musisz wpisać te opcje w polu „Dozwolone rozszerzenia plików”. Pamiętaj, że każde rozszerzenie należy oddzielić przecinkiem.

Następnie możesz również skonfigurować maksymalny rozmiar pliku obrazu i liczbę przesłanych plików w lewej kolumnie.

Bardziej szczegółowe instrukcje znajdziesz w naszym samouczku jak zezwolić użytkownikom na przesyłanie obrazów w WordPressie.

Po zakończeniu kliknij przycisk „Zapisz”, aby zachować swoje ustawienia.

Następnie otwórz stronę/wpis, do którego chcesz dodać formularz przesyłania obrazów. Po przejściu kliknij przycisk „+” w lewym górnym rogu ekranu, aby otworzyć menu bloków.

Stąd musisz dodać blok WPForms do strony/wpisu.

Po prostu wybierz formularz przesyłania plików obrazów, który utworzyłeś, z menu rozwijanego.

Na koniec kliknij przycisk „Zaktualizuj” lub „Opublikuj”, aby zapisać ustawienia. Teraz możesz odwiedzić swoją witrynę WordPress, aby zobaczyć formularz w akcji, a odwiedzający będą mogli przesyłać swoje obrazy za pomocą formularza.

Najczęściej zadawane pytania dotyczące dodawania obrazów w WordPressie

Nasz zespół ekspertów często otrzymuje pytania dotyczące najlepszego sposobu zarządzania obrazami. Poniżej znajdują się odpowiedzi na najczęściej zadawane pytania.

1. Jaki jest najlepszy format pliku obrazu dla WordPressa?

Najlepszy format zależy od obrazu. JPEG świetnie nadają się do fotografii z dużą ilością kolorów, ponieważ dobrze równoważą jakość i rozmiar pliku. PNG są idealne do grafik wymagających przezroczystego tła, takich jak logo.

Jako prostą zasadę stosujemy JPEG do zdjęć, a PNG do logo lub obrazów wymagających przezroczystości.

WebP i AVIF to nowoczesne formaty oferujące doskonałą kompresję, dzięki czemu obrazy są znacznie mniejsze bez utraty jakości. Są one obecnie obsługiwane przez wszystkie nowoczesne przeglądarki i są wysoce zalecane dla szybszego działania strony internetowej.

2. Jak mogę przyspieszyć ładowanie moich obrazów na stronie internetowej?

Dwa najważniejsze kroki to zmiana rozmiaru i kompresja obrazów. Zawsze zmieniaj rozmiar obrazów do odpowiednich wymiarów za pomocą narzędzia do edycji przed przesłaniem.

Następnie użyj dedykowanego wtyczki do kompresji obrazów, która automatycznie zmniejszy rozmiar pliku bez zauważalnego spadku jakości, dzięki czemu Twoje strony będą ładować się znacznie szybciej.

3. Jaka jest różnica między tekstem alternatywnym obrazu a podpisem?

Tekst alternatywny (alt text) to atrybut HTML opisujący obraz dla wyszukiwarek i czytników ekranu używanych przez osoby niedowidzące. Nie jest on widoczny na samej stronie. Podpis to opis, który pojawia się bezpośrednio pod obrazem i jest widoczny dla wszystkich odwiedzających.

4. Czy mogę jednocześnie przesłać wiele obrazów do WordPress?

Tak. W Bibliotece Mediów WordPress możesz po prostu przeciągnąć i upuścić wiele plików obrazów z komputera jednocześnie. Możesz również kliknąć przycisk „Wybierz pliki” i wybrać kilka obrazów do jednoczesnego przesłania, co oszczędza dużo czasu.

5. Jak utworzyć galerię obrazów w WordPressie?

WordPress posiada wbudowany blok Galerii. Po prostu dodaj blok do swojego wpisu lub strony, a następnie możesz przesłać nowe obrazy lub wybrać istniejące z Biblioteki Mediów.

Utworzy to piękną, uporządkowaną galerię, a liczbę kolumn można dostosować bezpośrednio w opcjach bloku.

Dodatkowe zasoby

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak prawidłowo dodawać obrazy w WordPressie. Możesz również zapoznać się z innymi pomocnymi przewodnikami:

• Jak naprawić typowe problemy z obrazami w WordPress
• Porównanie najlepszych wtyczek do kompresji obrazów WordPress
• Przewodnik dla początkujących po rozmiarach obrazów w WordPress (+ najlepsze praktyki)
• Jak utworzyć galerię obrazów w WordPress (krok po kroku)

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.