Przejdź do treści
Uwaga: Tłumaczenie tego artykułu jest podane wyłącznie dla wygody. Tłumaczenie jest tworzone automatycznie za pomocą oprogramowania tłumaczącego i mogło nie zostać sprawdzone. W związku z tym, angielska wersja tego artykułu powinna być uważana za wersję obowiązującą, zawierającą najnowsze informacje. Możesz uzyskać do niej dostęp tutaj.

Zrozumienie zaleceń SEO

Data ostatniej aktualizacji: czerwca 28, 2023

Dostępne z każdą z następujących podpisów, z wyjątkiem miejsc, w których zaznaczono:

Wszystkie produkty i plany

W ramach narzędzia SEO, edytora treści i szczegółów strony możesz przeskanować swoją treść pod kątem zaleceń SEO. Dowiedz się więcej o dostępie do zaleceń SEO.

Rekomendacje są uporządkowane w narzędziach SEO według ich wpływu na SEO witryny, technicznej trudności ich rozwiązania oraz sugerowanej roli osoby rozwiązującej. Rekomendacje o wysokim stopniu 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 dewelopera pojawią się tylko w narzędziach SEO firmy HubSpot.

Dostępność

Dodaj atrybut alt text obrazu

Obrazy mogą utrudniać zrozumienie treści przez wyszukiwarki i osoby korzystające z czytników ekranu. Aby rozwiązać ten problem, dodaj do obrazów tekst alt, który opisuje ich wygląd i zawartość. Poprawi todostępność i SEO Twojej witryny. Dowiedz się więcej o dostępności witryny w naszejdokumentacji dla programistów.

Zweryfikuj tekst alt obrazu, który powinien być pusty

Dodanie tekstu alt do obrazów strony pozwala wyszukiwarkom i osobom 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; takie obrazy powinny mieć pusty atrybut alt text. Przejrzyj swoje obrazy z pustymi atrybutami alt text, aby upewnić się, że nie powinny one zawierać tekstu alt.

Zdefiniuj język swojej 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 poprawnie, 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 Twojej strony. Prawidłowo sformatowany atrybut "lang" będzie wyglądał tak:

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

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

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

Strona zawierająca znacznik <meta http-equiv="refresh"> będzie odświeżana automatycznie po określonym czasie. Może to powodować dezorientację użytkownika i zakłócać działanie oprogramowania do odczytu ekranu. Dla stron, które muszą być automatycznie odświeżane, należy używać Javascript.

Przeszukiwanie i indeksowanie

Potwierdź, że właściwe strony są ukryte w wynikach wyszukiwania / Potwierdź, że właściwe strony są blokowane przez twój plik robots.txt

Jeśli jakiekolwiek strony hostowane na Twojej domenie są zablokowane z wyszukiwarek, zobaczysz zalecenie, aby przejrzeć listę tych stron. Jest to prosty sposób, aby upewnić się, że nie ma żadnych stron w Twojej witrynie, które są zablokowane z wyszukiwarki przez pomyłkę.

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

Jeśli widzisz stronę internetową ukrytą w wynikach wyszukiwania, która powinna być indeksowana w wynikach wyszukiwania, współpracuj 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 Twoje linki kanoniczne są skonfigurowane poprawnie

Wyszukiwarki takie jak Google używają linków kanonicznych, aby znaleźć główną wersję strony, która ma być wyświetlana w wynikach wyszukiwania. Unikaj problemów z duplikatami treści, dodając prawidłowy link kanoniczny do każdej strony. Dowiedz się więcej o tym, jak kanoniczne adresy URL wpływają na SEO.

Linki kanoniczne zostaną oznaczone jako nieprawidłowe z któregokolwiek z następujących powodów:

  • Istnieje więcej niż jeden link kanoniczny.
  • Link kanoniczny nie jest prawidłowym adresem URL.
  • Link kanoniczny jest względnym adresem URL.
  • Link kanoniczny wskazuje na stronę dla innego regionu lub języka.
  • Link kanoniczny wskazuje na inną domenę.
  • Link kanoniczny wskazuje na korzeń strony.

Dowiedz się więcej o tym, jak edytować kanoniczny adres URL strony z karty Ustawienia w edytorze treści.

Uwaga: strony z listami blogów mogą wywołać fałszywy alert o duplikatach treści.

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

Wyszukiwarki preferują linki, które są sformatowane jako znacznik <a> z atrybutem href. Prawidłowo sformatowany link wygląda tak:

<a href="https://www.hubspot.com">Tekst linku tutaj</a>.

Upewnij się, że linki na Twojej stronie są zgodne z tym formatem, aby wyszukiwarki mogły je indeksować.

Naprawić uszkodzone strony

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

  • Brakujący kod statusu HTTP: Kody stanu HTTP wskazują, czy strona internetowa została pomyślnie osiągnięta, czy też nie. Jeśli skanowanie nie może zwrócić kodu stanu HTTP, zakończy się niepowodzeniem. Dowiedz się więcej o kodach stanu HTTP.
  • Kod statusu HTTP zwraca błąd: Kody stanu HTTP wskazują, czy strona internetowa została pomyślnie osiągnięta, czy nie. Kody stanu o wartości 400 i 500 oznaczają 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 HTML, skanowanie nie będzie w stanie przetworzyć strony.

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

Upewnij się, że wszystkie linki hreflang zawierają poprawny kod języka

Używanie linków hreflang w wielojęzycznej witrynie umożliwia wyszukiwarkom poznanie języka strony. Wyszukiwarki mogą wtedy dać międzynarodowym użytkownikom wynik wyszukiwania strony, który odpowiada ich preferowanemu językowi. Dowiedz się więcej o używaniu linków hreflang w swojej wielojęzycznej zawartości.

Jeśli te łącza mają nieprawidłowy kod języka, wyszukiwarki nie będą w stanie prawidłowo zidentyfikować języka strony ani uwzględnić jej w wynikach dla danego 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ęzykowe w swoich odnośnikach z listami akceptowanych dwuliterowych kodów języków i regionów, a następnie zastąp wszystkie niepoprawne kody. Określenie regionu w łączu hreflang jest opcjonalne; jeśli jest używane, powinno być sformatowane jako hreflang="[język]-[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 hiszpańskojęzycznych na całym świecie użyłaby hreflang="es".

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

Używanie linków hreflang w wielojęzycznej witrynie umożliwia wyszukiwarkom poznanie języka strony. Wyszukiwarki mogą wtedy dać międzynarodowym użytkownikom wynik wyszukiwania strony, który odpowiada ich preferowanemu językowi. Dowiedz się więcej o używaniu linków hreflang w swojej wielojęzycznej zawartości.

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ż takie łącza mogą działać, istnieje zwiększone ryzyko ich złamania w przyszłości, jeśli oryginalny adres URL ulegnie zmianie. Strony wielojęzyczne hostowane w HubSpot będą automatycznie używać pełnych adresów URL.

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

Dla strony https://www.hubspot.com/example-page link względny może wyglądać tak:

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 anchor text linku był bardziej opisowy

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

Doświadczenie mobilne

Upewnij się, że użytkownicy mobilni mogą łatwo kliknąć na 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 padding różnych typów elementów w HubSpot:

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

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

Współpracuj ze swoim programistą, aby dodać lub edytować znacznik viewport dla swojej strony. Jeśli nie masz w zespole programisty, możesz zasięgnąć porady na Forum Programistów CMS lub skontaktować się z Partnerem Rozwiązań.

On-Page SEO

Napisz przejrzysty tytuł i opis meta

Tytuł i opis meta strony pokazują wyszukiwarkom, o czym jest strona. Dowiedz się więcej o edycji tytułu i meta opisu strony w edytorze treści HubSpot.

Optymalizacjadługościtreści bloga

Narzędzie optymalizacji skanuje liczbę słów tylko w postach na blogu, a nie na stronach. Narzędzie liczy wszystkie słowa zawarte w poście na blogu, w tym tytuł bloga i autora. Zaleca się, aby uwzględnić co najmniej 300 słów jako ogólną zasadę. Pamiętaj, aby przeprowadzić badania i określić najlepszą długość dla tematu, o którym piszesz.

Idealna liczba słów dla twoich treści zależy od tego, o czym piszesz. Najważniejszą rzeczą jest rozważenie, kim są odbiorcy i co muszą wiedzieć na dany temat. Świetnym sposobem na określenie, jak długa powinna być Twoja treść, jest sprawdzenie, jakie strony plasują się dziś wysoko w wynikach wyszukiwania dla Twojego 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 treści o długiej formie, które wchodzą w szczegóły, spróbuj zrobić to samo w swoich własnych treściach.

Narzędzie SEO i panel Optymalizuj skanują treść Twojego bloga, aby policzyć liczbę słów zawartych w treści wpisu:

  • Strona ma co najmniej 300 słów: strony, które dobrze plasują się w wynikach wyszukiwania dają dogłębne odpowiedzi na pytania odwiedzających. Należy dążyć do uzyskania co najmniej 300 słów.

Uwaga: narzędzie optymalizacji liczy białe spacje unicode w klasie blog-post-wrapper, aby wykryć liczbę słów w twoim wpisie na blogu. Oznacza to, że liczenie jest najbardziej dokładne dla języków używających alfabetu łacińskiego. Jeśli zauważysz nieoczekiwaną liczbę słów, sprawdź u swojego programisty, czy nie ma żadnych duplikatów klasy blog-post-wrapper w zakodowanym szablonie wpisu na blogu.


Wydajność

Używaj obrazów o prawidłowym rozmiarze

Używanie dużych plików graficznych, których rozmiar zmienia się w edytorze, może zwiększyć 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 przedprzesłaniem ich do HubSpot lub używającformatu obrazu opartego na wektorach, takiego jak SVG.

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

Bezpieczeństwo

Upewnij się, że wszystkie strony ładują się przez bezpieczne połączenie

Jeśli któraś 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, które ładują się przez HTTPS, oferują również bezpieczniejsze doświadczenie przeglądania dla odwiedzających Twoją witrynę.

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 również spowodować, że przeglądarki wyświetlą ostrzeżenie o mieszanej zawartości lub zablokują dane zasoby.

Gdy twoje pliki są hostowane za pomocą narzędziaPliki lub twoje zakodowane pliki są tworzone za pomocą menedżera projektu w HubSpot, będą one automatycznie używać HTTPS. Jeśli jednak twoje zasoby są hostowane lub częściowo hostowane zewnętrznie, będziesz musiał kupić certyfikat SSL od zewnętrznego dostawcy, aby załadować swoje zasoby za pomocą HTTPS.
Jeśli zakupiłeś już certyfikat SSL od zewnętrznego dostawcy, ale Twoje zasoby nie ładują się przy użyciu protokołu HTTPS, będziesz musiał skontaktować się z zewnętrznym dostawcą, aby rozwiązać ten problem. 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 stwarzają zagrożenie dla bezpieczeństwa i wydajności

Zewnętrzne linki, 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żesz uniknąć tych problemów dodając rel="noopener" lub rel="noreferrer" do tych linków. Dowiedz się więcej o potencjalnych zagrożeniach związanych z tego typu linkami zewnętrznymi.

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

Będziesz musiał edytować linki zewnętrzne w kodzie źródłowym swojej strony. Dowiedz się więcej o edycji kodu źródłowego strony w edytorze stron i w edytorze modułów.

Link wywołujący ten błąd może wyglądać tak:

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

Dodając rel="noopener" lub rel="noreferrer" do tego linku, unikniesz problemów 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

Naprawić niedziałające linki

Zepsute linki na Twojej stronie tworzą negatywne doświadczenie użytkownika. Utrudniają również wyszukiwarkom zrozumienie struktury Twojej witryny. Wymień lub zaktualizuj każdy zepsuty link wewnętrzny i zewnętrzny.

Uwaga: wiele przypadków tego samego złamanego 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, są ładowane

Zasoby, które nie ładują się, takie jak uszkodzone obrazy, będą miały negatywny wpływ na doświadczenie użytkownika. Może to również wpłynąć na miejsce, w którym Twoja strona pojawia się w wynikach wyszukiwania. Usunięcie lub aktualizacja odniesień do strony do każdego uszkodzonego zasobu rozwiąże ten problem.

HubSpot obecnie wykrywa następujące typy uszkodzonych zasobów: czcionka, obraz, zawartość audio/wideo, skrypt, arkusz stylów i XHR.

Zlokalizuj odwołania do uszkodzonego zasobu w swojej stronie, szablonie lub arkuszu stylów. Będziesz musiał albo zastąpić linki, albo rozwiązać problem w samych zasobach.

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

Współczynnik proporcji obrazu to stosunek jego szerokości do 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.

Podczas zmiany rozmiaru obrazów w edytorze treści HubSpot oryginalne proporcje zostaną zachowane automatycznie. Aby rozwiązać problem nieprawidłowych proporcji, sprawdź swój HTML i CSS pod kątem wszelkich stylizacji wpływających na szerokość lub wysokość.

Czy ten artykuł okazał się pomocny?
Niniejszy formularz służy wyłącznie do przekazywania opinii dotyczących dokumentacji. Dowiedz się, jak uzyskać pomoc dotyczącą HubSpot.