HubSpot Baza wiedzy

Zrozumienie zaleceń SEO

Autor: HubSpot Support | Oct 19, 2021 9:20:42 AM

W narzędziu SEO, edytorze treści i szczegółach strony możesz skanować swoje treści w poszukiwaniu rekomendacji SEO. Dowiedz się więcej o uzyskiwaniu dostępu do rekomendacji SEO.

Zalecenia są uporządkowane w narzędziach SEO zgodnie z ich wpływem na SEO witryny, trudnością techniczną ich rozwiązania oraz sugerowaną rolą osoby, która je rozwiązuje. Zalecenia o wysokim poziomie trudności technicznej zazwyczaj wymagają pomocy programisty.

Poniższe zalecenia są uporządkowane według kategorii, a następnie wymienione w kolejności ich potencjalnego wpływu na SEO. Proste zalecenia i te wymagające pomocy programisty pojawią się tylko w narzędziach SEO HubSpot.

Dostępność

Dodaj atrybut tekstu alternatywnego obrazu

Obrazy mogą utrudniać zrozumienie treści wyszukiwarkom i odwiedzającym korzystającym z czytników ekranu. Aby rozwiązać ten problem, dodaj tekst alternatywny do obrazów, który opisuje ich wygląd i zawartość. Poprawi to dostępność i SEO witryny. Dowiedz się więcej o dostępności witryny w naszej dokumentacji dla deweloperów.

Tekst alternatywny obrazu powinien być pusty

Dodanie tekstu alternatywnego do obrazów na stronie pozwala wyszukiwarkom i odwiedzającym korzystającym z czytników ekranu zrozumieć jej zawartość. Niektóre obrazy, takie jak ikony oddzielające części strony, nie zawierają znaczącej treści; zamiast tego obrazy te powinny mieć pusty atrybut tekstu alternatywnego. Przejrzyj obrazy z pustymi atrybutami tekstu alternatywnego, aby upewnić się, że nie powinny one zawierać tekstu alternatywnego.

Zdefiniuj język strony za pomocą atrybutu "lang".

Język strony jest ustawiany przez atrybut "lang". Czytniki ekranu polegają na tym atrybucie, aby określić, której biblioteki językowej użyć. Jeśli język nie jest ustawiony prawidłowo, oprogramowanie do odczytu ekranu odwiedzających może nie działać poprawnie. Dowiedz się więcej o używaniu atrybutu "lang".

Atrybut "lang" jest ustawiany wewnątrz znacznika <html> na początku kodu źródłowego strony. Prawidłowo sformatowany atrybut "lang" będzie wyglądał następująco:

<html lang="en">...</html>.

Porównaj kod języka w znaczniku <html> z listą akceptowanych dwuliterowych kodów języków, a następnie zastąp nieprawidłowy kod. Jeśli znacznik <html> nie zawiera atrybutu "lang", dodaj lang="[kod języka]" do znacznika.

Usuń znacznik <meta http-equiv="refresh">.

Strona zawierająca znacznik <meta http-equiv="refresh"> zostanie automatycznie odświeżona po określonym czasie. Może to powodować dezorientację użytkownika i zakłócać działanie oprogramowania do odczytu ekranu. Zamiast tego użyj Javascript dla wszystkich stron, które muszą odświeżać się automatycznie.

Crawling i indeksowanie

Upewnij się, że prawidłowe strony są ukryte przed wynikami wyszukiwania / Upewnij się, że prawidłowe strony są blokowane przez plik robots.txt.

Jeśli jakiekolwiek strony hostowane w Twojej domenie są zablokowane przed wyszukiwarkami, zobaczysz zalecenie przejrzenia listy tych stron. Jest to łatwy sposób na upewnienie się, że w witrynie nie ma żadnych stron, które zostały zablokowane w wyszukiwarce przez pomyłkę.

Jeśli wszystkie wymienione strony są celowo ukryte w wynikach wyszukiwania, nie trzeba podejmować żadnych działań.

Jeśli zauważysz stronę ukrytą w wynikach wyszukiwania, która powinna być indeksowana w wynikach wyszukiwania, skontaktuj się z administratorem witryny, aby zaktualizować plik robots.txt lub usunąć wszelkie znaczniki na stronie, które mogą blokować ją w wynikach wyszukiwania.

Upewnij się, że linki kanoniczne są poprawnie skonfigurowane.

Wyszukiwarki takie jak Google używają linków kanonicznych, aby znaleźć podstawową wersję strony do wyświetlenia w wynikach wyszukiwania. Unikaj powielania treści, dodając prawidłowy link kanoniczny do każdej strony. Dowiedz się więcej o wpływie kanonicznych adresów URL na SEO.

Linki kanoniczne zostaną oznaczone jako nieprawidłowe z jednego z poniższych powodów:

  • Istnieje więcej niż jeden link kanoniczny.
  • Link kanoniczny nie jest prawidłowym adresem URL.
  • Link kanoniczny to względny adres URL.
  • Link kanoniczny wskazuje na stronę dla innego regionu lub języka.
  • Link kanoniczny wskazuje na inną domenę.
  • Link kanoniczny wskazuje na katalog główny witryny.

Dowiedz się więcej o tym, jak edytować kanoniczny adres URL strony na karcie Ustawienia w edytorze zawartości.

Uwaga: strony z listą blogów mogą powodować fałszywe alerty zduplikowanej zawartości.

Upewnij się, że wyszukiwarki mogą przetwarzać linki do stron

Wyszukiwarki preferują linki sformatowane jako znacznik <a> z atrybutem href. Prawidłowo sformatowany link wygląda następująco:

<a href="https://www.hubspot.com">Link text here</a>.

Upewnij się, że linki na Twojej stronie są zgodne z tym formatem, aby umożliwić wyszukiwarkom ich indeksowanie.

Napraw uszkodzone strony

Crawler HubSpot nie był w stanie przeskanować tych stron z powodu błędu. Może to być spowodowane jedną z następujących przyczyn:

  • Brakujący kod stanu HTTP: Kody stanu HTTP wskazują, czy strona internetowa została pomyślnie osiągnięta. Jeśli skanowanie nie może zwrócić kodu stanu HTTP, zakończy się niepowodzeniem. Dowiedz się więcej o kodach stanu HTTP.
  • Kod stanu HTTP zwraca błąd: Kody stanu HTTP wskazują, czy strona internetowa została pomyślnie osiągnięta. Kody stanu 400 i 500 wskazują na błędy klienta lub serwera i uniemożliwiają zakończenie skanowania. Dowiedz się więcej o różnych kodach stanu HTTP.
  • Strona HTML jest pusta: jeśli kod źródłowy strony nie zawiera kodu HTML, skanowanie nie będzie w stanie przetworzyć strony.

Współpracuj z twórcą stron internetowych, aby sprawdzić, czy wymienione strony są skonfigurowane i działają poprawnie.

Upewnij się, że wszystkie linki hreflang zawierają prawidłowy kod języka.

Korzystanie z linków hreflang w witrynie wielojęzycznej umożliwia wyszukiwarkom poznanie języka strony. Wyszukiwarki mogą następnie dać międzynarodowym użytkownikom wynik wyszukiwania strony, który odpowiada ich preferowanemu językowi. Dowiedz się więcej o korzystaniu z linków hreflang w treści wielojęzycznej.

Jeśli linki te mają nieprawidłowy kod języka, wyszukiwarki nie będą w stanie poprawnie zidentyfikować języka strony ani uwzględnić jej w wynikach dla tego języka dla użytkowników międzynarodowych. Strony wielojęzyczne hostowane w HubSpot będą automatycznie używać prawidłowych kodów językowych.

Porównaj kody języków w odpowiednich linkach z listami akceptowanych dwuliterowych kodów języków i regionów, a następnie zastąp nieprawidłowe kody. Określenie regionu w linku hreflang jest opcjonalne; jeśli zostanie użyte, należy je sformatować jako hreflang="[language]-[region]". Na przykład strona w języku hiszpańskim skierowana do użytkowników w Hiszpanii byłaby sformatowana jako hreflang= "es-es" , podczas gdy strona dla wszystkich użytkowników języka hiszpańskiego na całym świecie używałaby hreflang= "es".

Upewnij się, że wszystkie linki hreflang używają pełnego adresu URL.

Korzystanie z linków hreflang w witrynie wielojęzycznej umożliwia wyszukiwarkom poznanie języka strony. Wyszukiwarki mogą następnie dać międzynarodowym użytkownikom wynik wyszukiwania strony, który odpowiada ich preferowanemu językowi. Dowiedz się więcej o korzystaniu z linków hreflang w treści wielojęzycznej.

Niektóre linki hreflang używają względnych adresów URL, które zawierają tylko ścieżkę URL, a nie pełny adres URL zaczynający się od http/https. Chociaż te linki mogą działać, istnieje zwiększone ryzyko ich zerwania w przyszłości, jeśli oryginalny adres URL ulegnie zmianie. Wielojęzyczne strony hostowane w HubSpot będą automatycznie używać pełnych adresów URL.

Edytuj względne linki hreflang w kodzie źródłowym strony. Dowiedz się więcej o edytowaniu kodu źródłowego strony w edytorze stron i edytorze modułów.

W przypadku strony https://www.hubspot.com/example-page link względny może wyglądać następująco:

link rel="alternate" href="/example-page/fr/" hreflang="fr-fr" />.

Możesz zmienić to na pełny link, edytując href , aby zawierał pełny adres URL, w tym protokół (http/https):

link rel="alternate" href="https://www.hubspot.com/example-page/fr/" hreflang="fr-fr" />.

Spraw, by tekst kotwicy linku był bardziej opisowy

W linku tekst kotwicy to klikalne słowo lub fraza. Tekst ten powinien jasno komunikować cel linku. Zastąp ogólny tekst kotwicy, taki jak "kliknij tutaj" lub "dowiedz się więcej", konkretnymi opisami linków. Dowiedz się więcej o najlepszych praktykach Google dotyczących anchor text lub zapoznaj się z listą fraz, które wywołują to zalecenie.

Doświadczenie mobilne

Upewnij się, że użytkownicy mobilni mogą łatwo kliknąć każdy element strony.

Elementy interaktywne, takie jak przyciski i linki, które są zbyt małe lub zbyt blisko siebie, mogą być trudne do dotknięcia na urządzeniach mobilnych. Elementy interaktywne powinny mieć rozmiar co najmniej 48 pikseli na 48 pikseli. Jeśli element musi pozostać w tym samym rozmiarze, dodanie paddingu również rozwiąże ten błąd.

Dowiedz się, jak edytować rozmiar lub wypełnienie różnych typów elementów w HubSpot:

Upewnij się, że każda strona ma znacznik viewport

Tag viewport kontroluje skalę zawartości witryny na różnych typach urządzeń. Jeśli brakuje tego znacznika lub jest on skonfigurowany nieprawidłowo, witryna wydaje się mniej przyjazna dla urządzeń mobilnych dla wyszukiwarek. Może to mieć negatywny wpływ na rankingi w wynikach wyszukiwania.

Współpracuj z programistą, aby dodać lub edytować znacznik viewport dla swojej strony. Jeśli nie masz programisty w swoim zespole, możesz uzyskać poradę na forum programistów CMS lub skontaktować się z partnerem ds. rozwiązań.

Pozycjonowanie na stronie

Napisz jasny tytuł i opis meta

Tytuł i metaopis strony pokazują wyszukiwarkom, czego dotyczy strona. Dowiedz się więcej o edytowaniu tytułu i met aopisu strony w edytorze treści HubSpot.

Optymalizacjadługościtreści bloga

Narzędzie do optymalizacji skanuje liczbę słów tylko we wpisach na blogu, a nie na stronach. Narzędzie zlicza wszystkie słowa zawarte we wpisie na blogu, w tym tytuł bloga i autora. Zaleca się uwzględnienie co najmniej 300 słów jako ogólnej zasady. Pamiętaj, aby przeprowadzić badania i określić najlepszą długość dla tematu, o którym piszesz.

Idealna liczba słów w treści zależy od tego, o czym piszesz. Najważniejszą rzeczą jest zastanowienie się, kim są odbiorcy i co powinni wiedzieć na dany temat. Świetnym sposobem na określenie, jak długa powinna być treść, jest sprawdzenie, jakie strony zajmują obecnie wysokie pozycje w wynikach wyszukiwania dla danego tematu lub frazy podtematycznej.

  • Jeśli większość treści jest krótka i zwięzła, powinieneś dążyć do podobnej długości.
  • Jeśli znajdziesz więcej długich treści, które są bardzo szczegółowe, spróbuj zrobić to samo we własnych treściach.

Narzędzie SEO i panel Optymalizuj skanują treść bloga w celu zliczenia liczby słów zawartych w treści wpisu:

  • Strona ma co najmniej 300 słów: strony, które dobrze plasują się w wynikach wyszukiwania, udzielają dogłębnych odpowiedzi na pytania odwiedzających. Celuj w co najmniej 300 słów.

Uwaga: narzędzie do optymalizacji zlicza białe spacje Unicode w klasie blog-post-wrapper w celu wykrycia liczby słów w poście na blogu. Oznacza to, że zliczanie jest najdokładniejsze dla języków używających alfabetu łacińskiego. Jeśli zauważysz nieoczekiwaną liczbę słów, skontaktuj się ze swoim programistą, aby potwierdzić, że nie ma żadnych duplikatów klasy wrapper posta na blogu w zakodowanym szablonie posta na blogu.


Wydajność

Używaj obrazów o prawidłowych rozmiarach

Korzystanie z dużych plików graficznych, których rozmiar można zmienić w edytorze, może wydłużyć czas ładowania strony. Dowiedz się więcej o tym , jak rozmiar obrazu wpływa na wydajność strony.

Możesz uniknąć tego błędu, zmieniając rozmiar dużych obrazów przed przesłaniem ich do HubSpot lub używając formatu obrazu wektorowego, takiego jak SVG. W edytorze treści można automatycznie zmieniać rozmiar dużych obrazów podczas wyświetlania rekomendacji SEO

Deweloperzy mogą skrócić czas ładowania istniejących obrazów, wdrażając obrazy responsywne. Dowiedz się więcej o opcjach deweloperskich optymalizacji obrazów pod kątem wydajności strony.

Bezpieczeństwo

Upewnij się, że wszystkie strony są ładowane przez bezpieczne połączenie.

Jeśli którakolwiek z Twoich stron korzysta z protokołu HTTP, zobaczysz powyższe zalecenie. Strony korzystające z HTTPS są czynnikiem rankingowym Google od 2014 roku. Strony ładowane przez HTTPS oferują również bezpieczniejsze przeglądanie dla odwiedzających witrynę.

Po podłączeniu domeny do konta HubSpot automatycznie udostępnia standardowy certyfikat SSL SAN za pośrednictwem DigiCert. Jeśli jednak Twoja witryna jest hostowana lub częściowo hostowana zewnętrznie, będziesz musiał kupić certyfikat SSL od zewnętrznego dostawcy, aby załadować swoje strony za pomocą HTTPS. Jeśli już kupiłeś certyfikat SSL od zewnętrznego dostawcy, ale Twoje strony nie ładują się za pomocą HTTPS, musisz skontaktować się z zewnętrznym dostawcą, aby rozwiązać ten problem.

Upewnij się, że wszystkie zasoby strony są ładowane przez bezpieczne połączenie.

Jeśli jakiekolwiek zasoby na twoich stronach są ładowane przez niezabezpieczone połączenie, zobaczysz powyższe zalecenie. Ładowanie zasobów (takich jak obrazy, pliki CSS, pliki JavaScript itp.) przez niezabezpieczone połączenie zmniejsza bezpieczeństwo całej strony. Może to również powodować wyświetlanie przez przeglądarki ostrzeżenia o mieszanej zawartości lub blokowanie danych zasobów.

Gdy pliki są hostowane za pomocą narzędziaPliki lub zakodowane pliki są tworzone za pomocą menedżera projektów w HubSpot, będą one automatycznie korzystać z protokołu HTTPS. Jeśli jednak zasoby są hostowane lub częściowo hostowane zewnętrznie, konieczne będzie wykupienie certyfikatu SSL od zewnętrznego dostawcy, aby załadować zasoby za pomocą protokołu HTTPS.
Jeśli zakupiłeś już certyfikat SSL od zewnętrznego dostawcy, ale Twoje zasoby nie ładują się przy użyciu protokołu HTTPS, musisz skontaktować się z zewnętrznym dostawcą w celu rozwiązania problemu. Będziesz musiał przejrzeć wszystkie swoje zasoby, aby upewnić się, że wszystkie są hostowane przy użyciu bezpiecznego połączenia.

Aktualizacja linków zewnętrznych, które stanowią zagrożenie dla bezpieczeństwa i wydajności

Linki zewnętrzne, które otwierają stronę w nowej karcie przeglądarki przy użyciu atrybutu target="_blank" mogą powodować problemy z bezpieczeństwem i wydajnością. Można ich uniknąć, dodając do tych linków rel="noopener" lub rel="noreferrer" . Dowiedz się więcej o potencjalnych zagrożeniach związanych z tego rodzaju linkami zewnętrznymi.

W niektórych modułach HubSpot, takich jak moduł Follow Me, atrybut rel="noopener" jest automatycznie dodawany do linków zewnętrznych.

Konieczna będzie edycja linków zewnętrznych w kodzie źródłowym strony. Dowiedz się więcej o edytowaniu kodu źródłowego strony w edytorze stron i edytorze modułów.

Link wywołujący ten błąd może wyglądać następująco:

<a href="https://www.google.com" target="_blank">.

Dodając rel="noopener" lub rel="noreferrer" do tego linku, unikniesz problemów związanych z bezpieczeństwem i wydajnością:

<a href="https://www.google.com" target="_blank" rel="noopener"> lub

<a href="https://www.google.com" target="_blank" rel="noreferrer">.

Doświadczenie użytkownika

Napraw niedziałające linki

Niedziałające linki w witrynie powodują negatywne wrażenia użytkownika. Utrudniają również wyszukiwarkom zrozumienie struktury witryny. Wymień lub zaktualizuj każdy uszkodzony link wewnętrzny i zewnętrzny.

Uwaga: wiele wystąpień tego samego uszkodzonego adresu URL na jednej stronie pojawi się tylko raz w zaleceniach SEO.

Upewnij się, że wszystkie zasoby strony, takie jak obrazy i arkusze stylów CSS, zostały załadowane.

Nie ładujące się zasoby, takie jak uszkodzone obrazy, będą miały negatywny wpływ na wrażenia użytkownika. Może to również wpłynąć na pozycję witryny w wynikach wyszukiwania. Usunięcie lub aktualizacja odwołań do strony dla każdego uszkodzonego zasobu rozwiąże ten problem.

HubSpot wykrywa obecnie następujące typy uszkodzonych zasobów: czcionki, obrazy, treści audio/wideo, skrypty, arkusze stylów i XHR.

Zlokalizuj odniesienia do uszkodzonego zasobu na stronie, w szablonie lub arkuszu stylów. Konieczne będzie zastąpienie linków lub rozwiązanie problemu w samych zasobach.

Upewnij się, że obrazy mają prawidłowe proporcje

Współczynnik proporcji obrazu to relacja między jego szerokością a wysokością. Podczas zmiany rozmiaru obrazu należy upewnić się, że współczynnik proporcji pozostaje stały. W przeciwnym razie obraz może wydawać się rozciągnięty lub zniekształcony.

Po zmianie rozmiaru obrazów w edytorze treści HubSpot oryginalne proporcje zostaną automatycznie zachowane. Aby rozwiązać problem nieprawidłowych proporcji, należy sprawdzić kod HTML i CSS pod kątem stylów wpływających na szerokość lub wysokość.