Strona główna / Zewnętrzne pliki w optymalizacji wyszukiwarek

Zewnętrzne pliki w optymalizacji wyszukiwarek

Wiele stron używa zewnętrznych plików, takich jak; pliki obrazów, CSS i JavaScript. Te mają tendencję do znajdowania się na domenach trzecich stron. Może to być wygodne, ponieważ zapewniają gotowe rozwiązania, które pasują do Twojej strony.

CSS oznacza Cascading Style Sheets. CSS jest używany do stylizacji stron HTML. Zapewnia atrakcyjność wizualną strony internetowej.

Dzięki CSS możesz:

  • Określić położenie elementów na stronie;
  • Wskazać odległość między elementami;
  • Ustawić typ, kolor i rozmiar czcionki;
  • Ustawić kolory tła i dodać obrazy tła.

Najczęstszym sposobem implementacji CSS jest użycie zewnętrznego arkusza stylów .css. Link do pliku jest umieszczany w sekcji <head> strony.

Ponadto, oddzielne pliki CSS są często używane dla różnych typów stron.

Przykład zewnętrznych plików CSS w kodzie HTML strony:

Przykład zewnętrznego pliku CSS w kodzie HTML strony

JavaScript pomaga uczynić stronę interaktywną i funkcjonalną. Używanie JavaScript pozwala webmasterowi uczynić stronę dynamiczną dla użytkownika, co oznacza, że elementy mogą się aktualizować, gdy użytkownik wykonuje akcję. JavaScript może być używany do tworzenia:

  • Wyskakujących formularzy opinii,
  • Efektów animacji,
  • Interaktywnych map,
  • Koszyków w sklepach internetowych,
  • Stron z często aktualizowaną zawartością (raporty pogodowe, kursy wymiany walut),
  • Oraz również ładowania zawartości podczas nieskończonego przewijania strony itp.

Przykład zewnętrznego pliku JavaScript w HTML strony:

Przykład zewnętrznego pliku JavaScript w kodzie HTML strony

Problemy związane z zewnętrznymi plikami

  • Problemy z ładowaniem obrazów lub plików CSS mogą zepsuć komponent wizualny zasobów internetowych, ponieważ jego elementy mogą być wyświetlane nieprawidłowo lub całkowicie nieobecne.
  • Jeśli pliki JavaScript nie załadują się, spowoduje to, że część zawartości strony nie będzie prawidłowo wyświetlana po przetworzeniu JavaScript. Wydajność różnych funkcji może być zakłócona. Na przykład; składanie zamówień, ładowanie koszyka, funkcje menu itp. 
  • Pobieranie czcionek lub liczników JavaScript z renomowanych zasobów internetowych jest całkowicie bezpieczne. Jednak istnieją poważne ryzyka związane z używaniem zewnętrznych plików z obrazami, CSS i JS hostowanymi na mniej znanych stronach.
  • Gdy zasób trzeciej strony usuwa plik używany na Twojej stronie, przestanie on działać lub wyświetlać się prawidłowo. Jednym przykładem, który widzieliśmy wcześniej, jest firma, która publikowała wszystkie obrazy przez zewnętrzny zasób internetowy, który przyspieszył prędkość ładowania jej obrazów. Rok później, ten zasób przestał istnieć, a wszystkie obrazy w ich sklepie internetowym, blogu itp. zniknęły. W rezultacie pozycje strony spadły gwałtownie, a znalezienie nowych obrazów i przywrócenie pozycji strony w SERP zajęło dużo czasu.
  • Ustawienie zewnętrznych plików CSS lub JS przez źródło do przekierowania z nich do innych plików może również negatywnie wpłynąć na wyświetlanie i działanie Twojej strony.
  • Jeśli nie masz dostępu do serwera hostującego pliki CSS i JS, nie będziesz mógł skonfigurować ich kompresji i pamięci podręcznej oraz debugować błędów 5XX (wewnętrznych błędów serwera).
  • Jeśli strona (źródło zewnętrznych plików) zostanie zhakowana, w nich może pojawić się złośliwy kod, który skompromituje Twoją stronę i spowoduje spadek jej czynników zaufania. Na przykład, jeśli Twoja strona akceptuje dane kart użytkowników (bez przekierowywania ich do systemów płatniczych), hakerzy mogą wstrzyknąć JavaScript, który zastąpi formularz płatności i ukradnie te dane.

Zawartość raportu "Zewnętrzne pliki"

Raport pokazuje zewnętrzne pliki obrazów, CSS i JavaScript, które są używane na Twojej stronie.

Zrzut ekranu raportu o zewnętrznych plikach w Labrika

  1. Podświetlając pole wyboru, możesz wybrać typy plików do wyświetlenia w raporcie.
  2. URL zewnętrznego pliku.
  3. Domena, gdzie znajduje się używany plik.
  4. Typ zewnętrznego pliku (obraz, CSS lub JavaScript).
  5. Strony Twojej strony zawierające ten plik. Lista stron otwiera się po kliknięciu przycisku "Pokaż".

Szczegółowy widok raportu o zewnętrznych plikach

Rekomendacje

Możesz używać większych portali do hostowania swoich zewnętrznych plików. Pliki z podejrzanych źródeł powinny być przeniesione i zapisane na Twojej stronie.

Jeśli nie możesz zrezygnować z używania obrazów, CSS lub plików JS trzecich stron, użyj danych raportu Labrika do śledzenia ich statusu.

Na przykład, jeśli plik został przekierowany do innego URL, musisz zaktualizować odpowiedni link w kodzie strony.

Ważne jest monitorowanie uszkodzonych obrazów, JavaScript i plików CSS, które zwracają kod odpowiedzi 404. Taka odpowiedź wskazuje, że żądany plik nie istnieje, więc musisz go zastąpić.

Ważne jest również sprawdzenie zewnętrznych plików pod kątem złośliwego kodu, który może kraść dane użytkowników itp.

Jak naprawić problem?

To wymienia wszystkie zewnętrzne pliki, takie jak obrazy, CSS i JS, które są używane na Twojej stronie, z zewnętrznych domen. Może to dać Ci jaśniejsze zrozumienie, jakie pliki trzecich stron są używane na Twojej stronie.

Ten raport może być używany do sprawdzania statusu tych różnych plików i weryfikacji, że nadal działają prawidłowo. Jeśli występują jakiekolwiek błędy, takie jak 404 - strona nie znaleziona, możesz wtedy poprawić URL, lub jeśli używany jest złośliwy kod, możesz go usunąć ze swojej strony.