Jak zapobiec hotlinkowaniu obrazów w WordPress

W WPExplorer uwielbiamy tworzyć samouczki dla naszych drogich gości i jesteśmy z tego dumni. Staramy się, aby kroki były tak proste i konkretne, jak to tylko możliwe. A dobrym tutorialom towarzyszą odpowiednie obrazy, które pomogą Ci szybciej osiągnąć swój cel. Jednakże,

Zawsze znajdą się ludzie – raczej głupcy, którzy myślą, że istnieje skrót do sukcesu.

Nie możesz o kimś pomyśleć? Oto jeden – skrobaki treści. Zapobieganie skrobaniu treści jest dość skomplikowane i wymaga trochę doświadczenia. Zróbmy dzisiaj mały krok i dowiedzmy się, jak zapobiegać hotlinkowaniu obrazów w WordPress.

Co to jest Hotlinkowanie obrazów?

Pierwszą rzeczą, której należy się nauczyć, jest termin techniczny zwany „hotlinkowaniem”. Wikipedia ma całą stronę na temat hotlinkowania – bardzo ciekawie się ją czyta! Krótko mówiąc, hotlinkowanie oznacza użycie obrazu w witrynie A, który pierwotnie należał do witryny B. Rozważmy następujący przykład. Mamy 2 witryny:

• Strona A: Lazy.me
• Witryna B: WPExplorer.com

Poniższy obraz jest hostowany na serwerach WPExplorer (WPEngine):

Witryna wykorzystująca pijawki – Lazy.me, bezpośrednio używa adresu URL tego obrazu, aby wyświetlić go w swojej witrynie. To jest hotlinkowanie obrazów. Główną wadą hotlinkowania obrazów jest dodatkowe zużycie pasma i utrata oryginalności/kreatywności. Za każdym razem, gdy ktoś odwiedza Lazy.me, obraz jest wyświetlany z serwerów WP Engine, co zwiększa zużycie przepustowości – nie żeby to miało dla nas znaczenie! ?

Zapobiegaj łączeniu obrazów za pomocą .htaccess:

Najmądrzejszym sposobem zapobiegania hotlinkowaniu obrazów jest edycja pliku .htaccess. Jest to mały plik tekstowy (zwykle ukryty ze względu na przedrostek .) znajdujący się w głównym katalogu instalacyjnym WordPress, który pozwala nam:

• Blokuj lub zezwalaj na poszczególne strony internetowe
• Zezwalaj lub odrzucaj puste strony odsyłające
• Wyświetlaj niestandardowe obrazy, wykrywając hotlinkowanie obrazów
• Chroń pliki i katalogi

EDYCJA Plik .htaccess

Czasami możesz nie znaleźć pliku .htaccess – nie martw się. Po prostu uruchom Notatnik i kontynuuj czytanie. Jeśli takowy posiadasz, najpierw utwórz jego kopię, a następnie dokonaj edycji pliku. Nie próbuj niczego edytować. Po prostu wklej następujący kod:

RewriteEngine on

RewriteCond %{HTTP_REFERER} !^$

RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?your-site.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?your-other-domain.com [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ http://i.imgur.com/g7ptdBB.png [NC,R,L]

Wyjaśnienie:

1. Linia 1 włącza silnik przepisywania używany do umożliwienia procesu przekierowania.
2. Linia 2 pozwala pustym stronom odsyłającym zobaczyć obraz. Niektórzy ludzie korzystający z zapory sieciowej zazwyczaj surfują bez żadnych stron odsyłających. Teraz nie chcesz blokować przed nimi swoich zdjęć. Dlatego zezwalasz na puste strony odsyłające.
3. Linia 3 umożliwia przeglądanie obrazów w witrynie „your-site.com”. Zastąp „twoja-witryna.com” rzeczywistą nazwą swojej domeny – nie używaj www.
4. Podobnie, jeśli chcesz zezwolić innym witrynom na korzystanie z Twoich zdjęć, możesz zastąpić „twoja-inna-domena.com” odpowiednią nazwą domeny.
5. Linia 5 zastępuje wszystkie nieautoryzowane obrazy i zastępuje je tym obrazem. Możesz także utworzyć niestandardowy obraz i przesłać go do dowolnego katalogu innego niż katalog główny. Jeśli umieścisz go w katalogu głównym, serwer może wpaść w nieskończoną pętlę. Dlatego najlepiej umieścić obraz w folderze z napisem „obrazy” i użyć tego łącza. W takim przypadku adres URL będzie wyglądał następująco: „http://my-site.com/images/preventhotlink.png”

Wniosek:

W tym samouczku opisano hotlinkowanie obrazów dla najwyższego poziomu domeny – nie będzie działać w subdomenach. Jeśli korzystasz z zarządzanego dostawcy hostingu WordPress i nie masz dostępu do katalogu głównego WordPress, musisz skontaktować się z obsługą klienta i poprosić o dostęp. Istnieją wtyczki WordPress umożliwiające wyłączenie hotlinkowania obrazów, ale osobiście wolę tę metodę, ponieważ daje mi szansę nauczenia się czegoś nowego.

Daj nam znać, jeśli uważasz, że ten samouczek był pomocny lub jeśli masz wskazówki do dodania w komentarzach poniżej!