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 zaleceń 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 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 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.
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 mają żadnej 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 za pomocą atrybutu "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 zamień kod. Jeśli znacznik <html> nie zawiera atrybutu "lang", dodaj do znacznika lang="[language code]" do swojego znacznika.
Strona zawierająca tag <meta http-equiv="refresh"> odświeży się automatycznie po określonym czasie. Może to powodować dezorientację użytkownika i zakłócać działanie oprogramowania do czytania na ekranie. Zamiast tego użyj JavaScript dla wszystkich stron, które wymagają automatycznego odświeżania.
Jeśli jakiekolwiek strony hostowane w Twojej domenie są zablokowane przed wyszukiwarkami, zobaczysz zalecenie przejrzenia listy tych stron. Jest to sposób na potwierdzenie, że w witrynie nie ma żadnych stron, które zostały zablokowane przed wyszukiwarkami przez pomyłkę.
Jeśli wszystkie wymienione strony są celowo ukryte przed wynikami wyszukiwania, nie trzeba podejmować żadnych działań.
Jeśli widzisz stronę ukrytą przed wynikami 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.
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 dowolnego z poniższych powodów:
Dowiedz się więcej o tym, jak edytować kanoniczny adres URL strony na karcie Ustawienia w edytorze treś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 te linki mają nieprawidłowy kod języka, wyszukiwarki nie będą w stanie poprawnie znaleźć języka strony ani uwzględnić go w wynikach dla tego języka dla użytkowników międzynarodowych. Wielojęzyczne strony hostowane w HubSpot będą automatycznie używać prawidłowych kodów językowych.
Porównaj kody językowe w swoich linkach z listami akceptowanych dwuliterowych kodów dla języków i regionów. 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 osób mówiących po hiszpańsku 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 względny link może wyglądać następująco:
link rel="alternate" href="/example-page/fr/" hreflang="fr-fr" />.
Można go zmienić 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.
Jeśli przyciski i linki są zbyt małe lub znajdują się blisko siebie, ich kliknięcie na urządzeniach mobilnych może być trudne. 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 nieprawidłowo skonfigurowany, 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 ze swoim deweloperem, aby dodać lub edytować tag 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, o czym jest strona. Dowiedz się więcej o edytowaniu tytułu i metaopisu strony w edytorze treści HubSpot.
Narzędzie do optymalizacji skanuje liczbę słów tylko w postach 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 wybrać 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 rozważenie, kim są odbiorcy i co powinni wiedzieć na dany temat. Świetnym sposobem na podjęcie decyzji o długości treści jest sprawdzenie, które strony zajmują obecnie wysokie pozycje w wynikach wyszukiwania dla danego tematu lub frazy podtematu.
Narzędzie SEO i panel Optymalizuj skanują treść bloga w celu zliczenia liczby słów zawartych w treści wpisu:
Uwaga: narzędzie optymalizacji zlicza białe spacje Unicode w klasie blog-post-wrapper, aby wykryć liczbę słów w poście na blogu. Oznacza to, że liczenie jest najdokładniejsze dla języków używających alfabetu łacińskiego. Jeśli zauważysz nieoczekiwaną liczbę słów, skontaktuj się z twórcą stron internetowych, aby potwierdzić, że nie ma żadnych duplikatów klasy wrapper posta na blogu w zakodowanym szablonie posta na blogu.
Używanie dużych plików graficznych, których rozmiar zmienia się 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 zaleceń 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 ładują się 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 odpowiednich zasobów.
Linki zewnętrzne otwierające stronę w nowej karcie przeglądarki przy użyciu atrybutu target="_blank" mogą powodować problemy z bezpieczeństwem i wydajnością. Można tego uniknąć, dodając rel="noopener" lub rel="noreferrer" do tych linków. 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 dodawany do linków zewnętrznych automatycznie.
Konieczne będzie edytowanie 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. Zastąp lub zaktualizuj niedziałające linki wewnętrzne i zewnętrzne.
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ń strony do każdego uszkodzonego zasobu rozwiąże ten problem.
HubSpot wykrywa 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. Będziesz musiał albo zastąpić linki, albo rozwiązać problem w samych zasobach.Współczynnik proporcji obrazu to relacja między jego szerokością a wysokością. Podczas zmiany rozmiaru obrazu upewnij 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, oryginalny współczynnik proporcji zostanie zachowany automatycznie. Aby rozwiązać problem nieprawidłowego współczynnika proporcji, sprawdź kod HTML i CSS pod kątem stylizacji, która wpływa na szerokość lub wysokość.