Jak znaleźć i naprawić uszkodzony obraz w WordPressie

Prawdopodobnie widziałeś w swojej witrynie ikonę obrazu, która wygląda jak podarte zdjęcie. To jest uszkodzony obraz i może negatywnie wpłynąć na Twoją witrynę, jeśli go nie zastąpisz .

Obrazy są ważne dla większości stron internetowych. Między innymi sprawiają, że Twoja strona jest bardziej atrakcyjna, przekazują kluczowe informacje i poprawiają pozycję w wyszukiwarkach.

Dlatego ważne jest, aby znaleźć i naprawić uszkodzone obrazy na swojej stronie, gdy tylko je zauważysz. W tym przewodniku wyjaśnimy, czym jest uszkodzony obraz i pokażemy, jak je naprawić w witrynie WordPress.

Zawartość:

• Co to jest uszkodzony obraz?
• Wykrywanie uszkodzonych obrazów w Twojej witrynie
• Jak naprawić problem z uszkodzonym obrazem
  • Nieprawidłowa ścieżka pliku
  • Sprawdź krzyżowo nazwy plików
  • Nieprawidłowe rozszerzenia plików
  • Użyj ścieżki względnej
  • Upewnij się, że obraz istnieje
  • Problemy z transferem
• Wniosek

Co to jest uszkodzony obraz?

Mówiąc prościej, uszkodzony obraz to obraz, którego link źródłowy jest niedostępny lub uszkodzony . Gdy użytkownik przewinie do sekcji z uszkodzonym obrazem w Twojej witrynie, zobaczy ikonę uszkodzonego obrazu. Może to być spowodowane błędnym adresem URL, nieprawidłową ścieżką pliku lub linkiem do witryny, która już nie istnieje.

Jest to krytyczny problem, ponieważ negatywnie wpływa na wrażenia użytkownika. Gdy użytkownicy napotykają brakujące obrazy w Twojej witrynie, zwykle opuszczają Twoją witrynę dla konkurencji.

W rezultacie w Twojej witrynie wzrośnie współczynnik odrzuceń. Aby temu zapobiec, zawsze skanuj swoją witrynę w poszukiwaniu uszkodzonych obrazów i naprawiaj je. Zobaczmy, jak to zrobić w następnej sekcji.

Wykrywanie uszkodzonych obrazów w Twojej witrynie

Najprostszym sposobem na wykrycie uszkodzonych obrazów w witrynie WordPress jest użycie wtyczki. Jedną z takich wtyczek jest Broken Link Checker. Dzięki tej wtyczce możesz skanować wewnętrzne i zewnętrzne linki swojej witryny w poszukiwaniu uszkodzonych linków i obrazów.

Po zainstalowaniu i aktywacji wtyczki możesz uzyskać dostęp do strony ustawień wtyczki poprzez Ustawienia >> Sprawdzanie linków .

Wtyczka Broken Link Checker skanuje Twoją witrynę w poszukiwaniu uszkodzonych linków. Jeśli pojawią się jakieś problemy, zobaczysz je tutaj lub otrzymasz powiadomienie e-mailem.

Wtyczka zapewnia również opcję uniemożliwienia wyszukiwarkom podążania za uszkodzonymi linkami. Możesz włączyć tę opcję, aby uszkodzony obraz nie wpływał na twoje rankingi SEO.

Naprawianie uszkodzonych obrazów

Istnieje kilka scenariuszy, które mogą prowadzić do braku obrazów w Twojej witrynie WordPress. W tej sekcji omówimy przyczyny i sposoby ich naprawy.

Nieprawidłowa ścieżka pliku

Podczas dodawania obrazów do witryny WordPress tworzy ścieżkę pliku, która określa lokalizację obrazów. Przeglądarki internetowe używają ścieżki w atrybucie image src do lokalizowania obrazu. Jeśli ścieżka do obrazu jest nieprawidłowa, obraz nie zostanie załadowany i nie zostanie wyświetlony.

Aby to naprawić, po prostu znajdź post lub stronę z ikoną uszkodzonego obrazu i zastąp ją nowym obrazem. W tym celu zaloguj się do pulpitu nawigacyjnego i przejdź do strony posta WordPress. Następnie najedź kursorem na post z uszkodzonym obrazem i wybierz Edytuj .

W edytorze postów przewiń do sekcji z uszkodzonym obrazem, a następnie kliknij na nią i wybierz Zamień . Możesz wybrać obraz z biblioteki multimediów lub przesłać nowy obraz.

Po zastąpieniu uszkodzonego obrazu kliknij Aktualizuj , aby zapisać zmiany.

Jeśli korzystasz z klasycznego edytora, kliknij obraz, a następnie wybierz ikonę pióra , aby edytować uszkodzony obraz.

Tutaj kliknij przycisk Zamień , a następnie wybierz obraz z biblioteki multimediów. Na koniec kliknij Aktualizuj , aby zastąpić obraz.

Zastępowanie niestandardowych obrazów HTML

Jeśli obraz został dodany przy użyciu niestandardowego kodu HTML lub CSS, musisz sprawdzić, czy ścieżka jest poprawna. Aby to zweryfikować, musisz sprawdzić lokalizację, w której dodałeś obraz. Może znajdować się na dodatkowym bloku CSS. W takim przypadku wykonaj poniższe czynności.

Uwaga dodatkowa: zastępowanie obrazów w szablonie może mieć charakter techniczny. Jeśli jesteś nowym użytkownikiem WordPressa, możesz poprosić naszych ekspertów o pomoc w rozwiązaniu problemów z szablonami.

Najpierw zaloguj się do pulpitu WordPress, a następnie przejdź do Wygląd >> Dostosuj.

Następnie wybierz dodatkowy blok CSS lub niestandardowe menu CSS.

W edytorze kodu zlokalizuj wiersz kodu, w którym został dodany obraz, i zaznacz ścieżkę do obrazu. Następnie kliknij prawym przyciskiem myszy, a następnie wybierz Przejdź do ścieżki do pliku …

Jeśli obraz nie jest dostępny, otrzymasz błąd 404 nie znaleziono. Możesz po prostu ponownie przesłać obraz do swojej witryny, a następnie skopiować i wkleić link do pliku tutaj.

Aby przesłać obraz, przejdź do Media >> Dodaj nowy . Następnie kliknij Wybierz pliki , a następnie wybierz plik obrazu. Po zakończeniu przesyłania kliknij przycisk Kopiuj adres URL do schowka .

Teraz wróć do strony dostosowania i zastąp uszkodzony link do obrazu tym, który właśnie przesłałeś. Na koniec kliknij Opublikuj , aby zapisać zmiany.

Sprawdź krzyżowo nazwy plików

Jest to częsta przyczyna problemów z ładowaniem obrazów. Upewnij się, że pisownia obrazu jest taka sama jak w bibliotece multimediów. Pomyłka może być również tak mała, jak inny specjalny charakter. Wpisanie podkreślenia (_) zamiast myślnika (-) może spowodować uszkodzenie obrazu.

Aby rozwiązać ten problem, musisz porównać nazwę pliku w poście lub na stronie z oryginalnym obrazem w bibliotece multimediów. W tym celu zaloguj się do pulpitu WordPress, a następnie przejdź do Media >> Library .

Teraz użyj pola wyszukiwania, aby znaleźć obraz, który chcesz porównać. Następnie najedź na obraz i wybierz Widok .

Na pasku adresu zobaczysz ścieżkę do obrazu. Podświetlona część to nazwa obrazu, jak widać poniżej.

Teraz przejdź do posta z uszkodzonym obrazem i zweryfikuj również nazwę pliku. W tym celu otwórz stronę w przeglądarce, a następnie kliknij prawym przyciskiem myszy uszkodzony obraz i wybierz Otwórz obraz w nowej karcie .

Jeśli istnieją rozbieżności między obiema nazwami plików, może to być przyczyną niewyświetlania obrazu. W końcu zobaczysz błąd 404 nie znaleziono.

Aby rozwiązać ten problem, musisz edytować post z uszkodzonym obrazem i zastąpić niewłaściwą nazwę pliku nazwą w bibliotece multimediów.

Po poprawieniu nazw plików powinieneś zobaczyć obraz wyświetlany w edytorze postów. Jeśli nie, możesz ponownie przesłać obraz i dodać go do swojego posta. Upewnij się, że aktualizujesz wpis, aby zapisać zmiany.

Nieprawidłowe rozszerzenia plików

Powinieneś również sprawdzić rozszerzenia plików. Czasami nazwa pliku może być napisana poprawnie, ale rozszerzenie pliku może być nieprawidłowe. Na przykład możesz mieć obraz przesłany jako plik .jpg, ale w kodzie jest to rozszerzenie .png. Może to powodować problemy.

Inny częsty problem występuje z rozszerzeniami graficznymi „jpg” i „jpeg”. Chociaż oba formaty są takie same, możesz napotkać błąd zepsutego obrazu, jeśli zamienisz jeden na drugi.

Użyj względnej ścieżki pliku

Ścieżka względna prowadzi do pliku w odniesieniu do adresu URL strony głównej. W WordPressie ścieżka względna usuwa nazwę domeny i używa tylko ścieżki po domenie.

Tak więc w atrybucie „src” zamiast „https://example.com/wp-content/uploads/image.png” źródłem staje się „/wp-content/uploads/image.png” . Twoje obrazy będą działać dobrze z krótkim linkiem.

Jedną z zalet korzystania ze ścieżki względnej jest to, że obrazy będą działać nawet po zmianie nazwy domeny. Byłoby tak, o ile pliki nadal znajdują się na tym samym serwerze.

Możesz użyć wtyczki, takiej jak wtyczka Make Paths Relative, aby zmusić WordPress do używania ścieżek względnych dla twoich plików multimedialnych. Wtyczka jest łatwa w instalacji i konfiguracji.

Po zainstalowaniu i aktywacji wtyczki przejdź do Utwórz ścieżki względne >> Ustawienia , aby otworzyć stronę ustawień wtyczek.

Tutaj zaznacz opcję włączenia ścieżek względnych dla obrazów, a następnie kliknij Zapisz zmiany , aby zarejestrować zmiany. Teraz będziesz mógł wyświetlać obrazy na stronie przy użyciu ścieżek względnych.

Upewnij się, że obraz istnieje

Być może połączyłeś się z obrazem umieszczonym na innej stronie internetowej. Jeśli ta witryna ulegnie awarii lub zostanie przeniesiona na inny serwer, obrazy przestaną istnieć.

Ponadto bezpośrednie łącze do innej witryny zwiększa wykorzystanie serwera w witrynie, z której otrzymujesz obraz. Jeśli witryna hosta wyłączy hotlinking, uniemożliwi to wyświetlanie obrazu.

Aby temu zapobiec, najlepiej przesłać każdy obraz do swojej witryny przed dodaniem go do strony. Unikaj również używania obrazów z witryn innych firm, chyba że masz pozwolenie na ich użycie.

Problemy z transferem

To nie jest powszechny problem, ale się zdarza. Czasami serwer staje się przeciążony i nie może wystarczająco szybko wczytać wszystkich zasobów strony przed przekroczeniem limitu czasu żądania.

Dzieje się tak głównie z tanimi serwerami WWW. Aby rozwiązać ten problem, musisz zwiększyć wydajność serwera lub przeprowadzić migrację do niezawodnego hosta internetowego.

Możesz także użyć wtyczki, aby umożliwić leniwe ładowanie swoich obrazów. Po włączeniu serwer będzie ładował obrazy tylko wtedy, gdy użytkownik przewinie do sekcji. Spowoduje to zwolnienie zasobów serwera, a także przyspieszy działanie witryny. Więcej informacji na ten temat znajdziesz w naszym przewodniku po optymalizacji prędkości .

Podsumowanie – naprawianie uszkodzonych obrazów

Często zdarza się, że strony internetowe mają problemy z uszkodzonymi lub brakującymi obrazami, ale jest to dość poważny problem, który należy szybko rozwiązać. Jeśli masz sklep internetowy, możesz stracić potencjalnych klientów, jeśli użytkownicy nie widzą zdjęć produktów w Twoim sklepie.

W tym przewodniku wyjaśniliśmy niektóre przyczyny uszkodzonych obrazów, a także wskazówki, jak je naprawić na stronach WordPress.

Naprawianie uszkodzonych obrazów to jeden ze sposobów na zmniejszenie współczynnika odrzuceń w Twojej witrynie. Musisz także zoptymalizować obrazy, aby poprawić wydajność witryny. Aby uzyskać szczegółowy samouczek na ten temat, zapoznaj się z naszym przewodnikiem po optymalizacji obrazu.