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.
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.
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.
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.
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.
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.
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:
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.
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.
Crawler HubSpot nie był w stanie przeskanować tych stron z powodu błędu. Może to być spowodowane jedną z następujących przyczyn:
Współpracuj z twórcą stron internetowych, aby sprawdzić, czy wymienione strony są skonfigurowane i działają poprawnie.
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".
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" />.
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.
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:
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ń.
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.
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.
Narzędzie SEO i panel Optymalizuj skanują treść bloga w celu zliczenia liczby słów zawartych w treści wpisu:
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.
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.
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ę.
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.
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">.
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.
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.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ść.