wielu właścicieli firm internetowych i marketerów online wie, jak ważne jest SEO w kierowaniu ruchu do twojej witryny. To, czego wielu nie wie, to związek między SEO a kodem źródłowym Twojej witryny.
nie ma znaczenia, ile masz narzędzi i wtyczek SEO, w pewnym momencie będziesz musiał zajrzeć do kodu źródłowego swojej witryny, aby przeprowadzić kompleksowy audyt SEO lub sprawdzić poszczególne elementy, które mają wpływ na SEO Twojej witryny.
zastanawiasz się czym dokładnie jest kod źródłowy strony i do czego służy?
zwykle, gdy otwierasz stronę internetową, widzisz idealną typografię, piękne obrazy, różne elementy, które dodają funkcjonalności, idealnie rozmieszczone wezwania do działania i tak dalej.
pod tymi widocznymi elementami znajduje się kod źródłowy Twojej witryny, który decyduje o tym, jak wszystko pojawia się na twojej stronie.
zasadniczo kod źródłowy zasila całą witrynę i jest odpowiedzialny za jej wygląd, działanie, funkcjonalność i wrażenia użytkownika.
oprócz zasilania witryny, kod źródłowy jest tym, co czytają wyszukiwarki, takie jak Google, aby określić, czy i jak Twoje strony internetowe powinny być indeksowane i jak powinny pojawiać się w wynikach wyszukiwania.
oznacza to, że Twój kod źródłowy odgrywa bardzo ważną rolę w SEO Twojej witryny.
Jeśli masz błędy w kodzie źródłowym, może to spowodować niedokładne dane SEO, co prowadzi do słabych rankingów wyszukiwania.
dlatego ważne jest, aby okresowo przeglądać kod źródłowy witryny i upewnić się, że wszystko wygląda dobrze.
pytanie brzmi, jak przeglądasz swój kod źródłowy i na co dokładnie powinieneś zwracać uwagę podczas przeglądania kodu źródłowego?
jak odczytać kod źródłowy witryny
podczas gdy wyświetlanie kodu źródłowego witryny jest dość łatwe, różne przeglądarki mają różne polecenia do wyświetlania kodu źródłowego.
ponadto polecenia są różne dla komputerów PC i Mac.
poniżej znajdują się polecenia do wyświetlania kodu źródłowego witryny w zależności od systemu operacyjnego i przeglądarki.
PC
Firefox: aby wyświetlić kod źródłowy w Firefoksie na komputerze, Naciśnij i przytrzymaj klawisz CTRL, a następnie naciśnij klawisz „U”, przytrzymując CTRL. Możesz również wyświetlić kod źródłowy strony, klikając menu Firefox, wybierając opcję ” Web Developer „i klikając” Źródło strony.”Alternatywnie możesz kliknąć prawym przyciskiem myszy stronę internetową i kliknąć „Wyświetl źródło strony.”
Microsoft Edge: aby wyświetlić kod źródłowy strony w Microsoft edge, przytrzymaj klawisz CTRL i naciśnij” U „lub kliknij prawym przyciskiem myszy stronę internetową i kliknij” Wyświetl źródło.”To samo działa w przypadku przeglądarki Internet Explorer.
Google Chrome: przytrzymaj klawisz CTRL i naciśnij „u”. alternatywnie kliknij trzy poziome linie w prawym górnym rogu, aby wyświetlić menu Chrome, wybierz” Narzędzia”, a następnie kliknij ” Wyświetl źródło.”
Opera: Przytrzymaj klawisz CTRL i naciśnij „U” lub kliknij prawym przyciskiem myszy stronę internetową i kliknij „Wyświetl źródło strony.”
Mac
Safari: aby wyświetlić kod źródłowy strony w przeglądarce Safari, przytrzymaj klawisze” Option „i” Command „i naciśnij klawisz” U”. Alternatywnie, kliknij prawym przyciskiem myszy na stronie internetowej i kliknij ” Pokaż źródło strony.”
Firefox: możesz wyświetlić kod źródłowy strony, przytrzymując klawisz” Command ” i naciskając U. Alternatywnie, przejdź do menu Firefox, wybierz „deweloper”, a następnie kliknij” Wyświetl źródło strony „lub kliknij prawym przyciskiem myszy stronę internetową i kliknij” Źródło strony.”
Chrome: Naciśnij i przytrzymaj klawisze „Option” i „Command”, a następnie naciśnij „u”. alternatywnie przejdź do menu Chrome, kliknij „More Tools” i wybierz „Developer tools.”Możesz również wyświetlić kod źródłowy, klikając prawym przyciskiem myszy na stronie i wybierając” Wyświetl źródło.”
dlaczego ważne jest, aby przeczytać kod źródłowy witryny
jak wspomniałem wcześniej, kod źródłowy witryny ma ogromny wpływ na SEO witryny.
przeglądanie kodu źródłowego to łatwy sposób na sprawdzenie, czy różne aspekty SEO Twojej witryny są prawidłowo skonfigurowane.
ponadto Sprawdzenie kodu źródłowego konkurencji pozwala zobaczyć, co robią na swoich stronach internetowych.
możesz odtwarzać kod źródłowy, aby uzyskać podobne wyniki na swojej stronie.
poniżej kilka powodów, dla których powinieneś przeczytać swój kod źródłowy.
jest to przydatne do sprawdzania tagów tytułu
tag tytułu jest jednym z najważniejszych elementów dla Twojego SEO na stronie, a zatem jest najważniejszą rzeczą, którą powinieneś sprawdzić podczas przeglądania kodu źródłowego.
za każdym razem, gdy szukasz czegoś w Google, wszystkie wyniki pochodzą z tagów tytułowych różnych stron internetowych, na które wskazują wyniki.
oznacza to, że bez tagów tytułowych na twojej stronie nie można znaleźć twojej strony w żadnej wyszukiwarce.
aby zrozumieć znaczenie tagu title, użyję ilustracji. Kiedy szukasz nazwy „spryt”, to jest to, co pojawia się.
część zaznaczona na Czerwono pochodzi bezpośrednio z naszego znacznika tytułu. Kiedy otworzysz naszą stronę internetową i przejrzysz kod źródłowy, zobaczysz to.
podświetlona część, która pojawia się między otwierającym <tytułem> a zamykającym </title> TAG jest tym, co nazywa się tagiem title.
jak widać, jest dokładnie podobny do tego, co pojawia się w wynikach wyszukiwania, Gdy szukasz terminu „spryt.”
czytając kod źródłowy witryny, pierwszą rzeczą, którą musisz upewnić się, że każda ze stron ma tag tytułowy. Nie jest zaskakujące, aby znaleźć strony internetowe, które nie mają tagów tytułu.
pamiętaj, że jeśli Twoja strona nie ma tagów tytułowych, nigdy nie pojawi się w wynikach wyszukiwania. Należy również upewnić się, że TAG title znajduje się w sekcji <head> na stronie internetowej.
oprócz tego, że Twoja strona jest niezbędna, aby pojawiała się na stronach wyników wyszukiwania, twój tag tytułowy ma również wpływ na to, jak pojawiasz się w wynikach wyszukiwania. Google i inne wyszukiwarki patrzą na słowa kluczowe na tagu tytułowym, aby określić, o czym jest Twoja witryna lub strona internetowa.
na przykład w naszym przykładzie powyżej, jeśli ktoś wyszukuje frazę „get your dream job”, może natknąć się na naszą stronę internetową, ponieważ mamy tę samą frazę w naszym tagu tytułowym.
dlatego, jeśli chcesz, aby Twoja strona miała rangę dla określonego tematu, powinieneś upewnić się, że tag tytułowy tej strony zawiera słowa związane z tym tematem. Możesz sprawdzić ten post, aby dowiedzieć się więcej o optymalizacji tagów tytułu.
Inne ważne rzeczy, o których należy pamiętać, jeśli chodzi o tagi tytułu, to to, że powinieneś mieć tylko jeden tag tytułu dla każdej strony internetowej, a każdy tag tytułu w Twojej witrynie powinien być unikalny.
ponadto należy upewnić się, że dla każdej strony w witrynie znajduje się tag tytułowy.
pomaga sprawdzać Meta opisy
kolejną rzeczą, którą powinieneś sprawdzić podczas przeglądania kodu źródłowego witryny, są meta opisy.
podobnie jak tagi tytułu, meta opisy znajdują się również w<head> sekcji HTML Twojej strony. Opis Metalowy jest w zasadzie krótkim (160 znaków) opisem o czym jest strona internetowa.
gdy Twoja strona pojawi się na stronach wyników wyszukiwania, opis meta pojawia się tuż pod tagiem tytułowym.
Po raz kolejny wykonajmy wyszukiwanie terminu „spryt”, aby zrozumieć, jaką rolę odgrywa opis meta.
Kiedy szukasz nazwy „spryt”, to właśnie pojawia się to.
część zaznaczona na Czerwono jest tym, co znajduje się w opisie meta. Kiedy wrócisz do kodu źródłowego naszej strony internetowej, zobaczysz to.
wyróżniona część jest określana jako opis meta.
jak widać, jest dokładnie podobny do tego, co pojawia się w wynikach wyszukiwania pod tagiem tytułowym podczas wyszukiwania terminu ” sprytny.
ponieważ ludzie mogą czytać twój opis meta bez konieczności otwierania witryny, opis meta działa jako bezpłatna Kopia reklamowa, która pomaga potencjalnym odwiedzającym określić, czy znajdą to, czego szukają w Twojej witrynie.
zaskakująco duża liczba właścicieli i programistów stron internetowych zapomina o opisie meta, ale nie należy go ignorować.
Sprawdź i upewnij się, że każda strona w Twojej witrynie ma swój opis meta, a jednocześnie upewnij się, że nie masz wielu opisów meta.
czasami możesz mieć dwie różne wtyczki, które mogą spowodować duplikację Twojego opisu meta.
należy również upewnić się, że opis meta jest unikalny dla każdej strony. Oprzyj się pokusie powielania tego samego opisu meta na każdej stronie.
ponadto upewnij się, że opisy meta znajdują się w sekcji <head> twojego HTML.
wreszcie, ponieważ opis meta jest w zasadzie darmową reklamą, która określa, czy ludzie klikają na Twoją stronę, poświęć chwilę na stworzenie świetnej kopii, która pomoże zwiększyć liczbę kliknięć i przyciągnąć więcej odwiedzających do twojej witryny.
jest to przydatne do sprawdzania znaczników nagłówków
następną rzeczą, którą musisz sprawdzić podczas przeglądania kodu źródłowego, jest to, czy prawidłowo używasz znaczników nagłówków, ponieważ mają one również wpływ na SEO na stronie.
istnieją różne poziomy znaczników nagłówków, z których najczęstszymi są znaczniki H1, H2 i H3.
pierwszą rzeczą do zrobienia podczas sprawdzania znaczników nagłówków jest upewnienie się, że nie masz więcej niż jednego znacznika H1 na jednej stronie.
czasami, w zależności od Twojego CMS, motywu WordPress lub zainstalowanych wtyczek, możesz znaleźć wiele tagów H1 na jednej stronie internetowej.
problem w tym, że większość wyszukiwarek interpretuje to jako nadmierną optymalizację, co nie jest dobrym pomysłem dla Twojego SEO.
dlatego upewnij się, że na stronie jest tylko jeden tag H1, który powinien być używany, aby dać odwiedzającym jasne wyobrażenie o tym, czego mogą się spodziewać na stronie.
powinieneś również sprawdzić, czy masz tagi H2 i H3 na swoich stronach internetowych.
są one używane do podziału treści w celu poprawy czytelności.
Możesz również dołączyć dodatkowe słowa kluczowe w znacznikach H2 i H3, aby uzupełnić główne słowa kluczowe.
sprawdzaj swoje skrypty
skrypty są świetne dla Twojej witryny. Są one przydatne do dodawania funkcjonalności do witryny. Najczęściej używanymi skryptami są JavaScript.
pomimo ich przydatności, skrypty mogą być szkodliwe dla SEO Twojej witryny i doświadczenia użytkownika. Po pierwsze, posiadanie zbyt wielu skryptów spowalnia czas ładowania.
ponadto wielu programistów ładuje skrypty w pobliżu głowy treści.
ideą tego jest to, że pozwala skryptom załadować się wcześnie, gdy odwiedzający otwiera stronę.
problem z tym polega jednak na tym, że wcześniejsze Ładowanie skryptów oznacza, że ładowanie witryny zajmuje znacznie więcej czasu.
więc dlaczego to jest problem? Internauci mają bardzo mało cierpliwości.
za każdą sekundę oczekiwania odwiedzających na załadowanie strony, możesz doświadczyć nawet 7% spadku konwersji, gdy odwiedzający opuszczą Twoją witrynę.
może to mieć znaczący wpływ na przychody Twojej witryny.
dlatego bardzo ważne jest sprawdzanie swoich skryptów.
pierwszą rzeczą, którą musisz zrobić, jest sprawdzenie liczby skryptów na swojej stronie.
ile ich jest? Naprawdę potrzebujesz tych wszystkich scenariuszy?
czasami możesz odkryć, że niektóre skrypty są nadal aktywne na twojej stronie, nawet jeśli nie są już potrzebne.
takie skrypty nie tylko spowalniają czas ładowania, mogą również prowadzić do dodatkowych błędów.
inną rzeczą, którą powinieneś zrobić, to przenieść Skrypty na dół strony. Umieść je tuż przed zakończeniem <body> tag w HTML Twojej witryny.
Alternatywnie, możesz utworzyć jeden plik JavaScript zawierający wszystkie Twoje Skrypty, a następnie link do tego pliku na dole kodu HTML.
każde z tych dwóch podejść oznacza, że skrypty nie muszą ładować się przed resztą witryny, co prowadzi do znacznego zwiększenia szybkości ładowania witryny.
sprawdzając Skrypty, powinieneś również sprawdzić, czy zainstalowane kody śledzenia, takie jak kod śledzenia Facebooka lub Google Analytics, są zainstalowane poprawnie.
Jeśli te kody śledzenia nie są poprawnie zainstalowane, istnieje szansa, że nie zbierasz żadnych istotnych danych.
wreszcie, sprawdzanie skryptów pozwala odkryć, czy Twoja witryna została zhakowana. Podczas przeglądania zainstalowanych skryptów upewnij się, że wszystkie aktywne skrypty zostały autoryzowane przez Ciebie.
Jeśli znajdziesz skrypt, którego nie rozpoznajesz lub nie autoryzujesz, istnieje szansa, że mógł on zostać tam wstrzyknięty przez hakera.
wyświetlanie kodu źródłowego jest jedynym sposobem, aby uzyskać pełną widoczność wszystkich skryptów, które zostały zainstalowane na twojej stronie.
sprawdź linki NoFollow
jako właściciel strony internetowej lub marketer internetowy prawdopodobnie wiesz, jak ważne jest budowanie linków dla Twoich wysiłków SEO.
jednak wszystkie twoje linki zwrotne mogą nie służyć rzeczywistemu celowi, jeśli są nofollowed.
aby zrozumieć, czym dokładnie są nofollows i dlaczego warto je sprawdzić, muszę porozmawiać o czymś znanym jako ” link juice.”
podczas indeksowania stron, Wyszukiwarki interpretują linki do twojej witryny jako adnotacje z innych stron. Jeśli ktoś wybrał link do Twoich treści, oznacza to, że treści w Twojej witrynie są odpowiednie i cenne.
im więcej zewnętrznych witryn łączy się z Twoją witryną, tym bardziej autorytatywna jest Twoja witryna postrzegana przez wyszukiwarki, co zwiększa prawdopodobieństwo, że Twoja witryna znajdzie się wyżej w rankingu wyszukiwarek.
wpływ takich linków na twoje rankingi wyszukiwania jest tym, co nazywa się w terminach nienaukowych sokiem linków.
czasami możesz zakodować atrybut do linków, aby zapobiec przejściu soku linków do połączonej witryny. Te atrybuty są znane jako nofollows.
zasadniczo atrybut nofollow mówi robotom wyszukiwarek indeksującym witrynę, aby zignorowali ten link.
Jeśli strona linkująca do twojej strony nie posiada linku, to link nie przekazuje żadnego linku i nie przyczynia się do twojego rankingu wyszukiwania.
dlatego ważne jest, aby przejrzeć kod źródłowy i sprawdzić, czy Linki zewnętrzne mają atrybut nofollow, nawet jeśli nie powinny.
Sprawdź optymalizację obrazu
Czy wiesz, że obrazy na twojej stronie również przyczyniają się do pozycjonowania witryny?
kluczem do wykorzystania obrazów do celów SEO jest upewnienie się, że Twoje obrazy mają tagi title i alt.
roboty wyszukiwarek pełzające po stronach internetowych nie mają możliwości przeglądania tego, co jest zawarte w obrazach.
dzięki tagom TITLE i image alt możesz pomóc robotom zrozumieć, o co chodzi w Twoim obrazie.
znacznik tytułu obrazu nadaje obrazowi tytuł, podczas gdy znacznik alt obrazu zawiera krótki opis obrazu.
używanie tagów title i alt dla obrazów jest szczególnie ważne, jeśli używasz obrazów do sprzedaży produktów w witrynie e-commerce.
podczas korzystania z obrazów dla e-commerce, należy dołączyć nazwę marki produktu i krótki opis jako część znacznika alt obrazu.
inne obrazy, które muszą mieć znaczniki alt, to logo, infografiki, diagramy wyjaśniające, zdjęcia zespołu i tak dalej.
jednak nie jest konieczne dołączanie znaczników alt dla dekoracyjnych obrazów, takich jak te, które pojawiają się w karuzeli obrazów na górze strony.
pisząc opis znaczników alt obrazu, unikaj wypychania zbyt wielu słów kluczowych, ponieważ może to spowodować ukaranie witryny.
podczas przeglądania źródła strony możesz przeglądać obrazy, szukając znacznika<img> lub przechodząc do panelu „Elementy” po otwarciu kodu źródłowego.
w panelu Elementy możesz sprawdzić rozmiar obrazów, aby sprawdzić, czy zwiększają one Czas ładowania.
Możesz również sprawdzić ich responsywność, aby sprawdzić, czy są zoptymalizowane do wyświetlania na różnych ekranach.
Countercheck Meta Robots Tags
jest to kolejna powszechna rzecz, którą wielu marketerów i właścicieli witryn zapomina lub ignoruje.
znaczniki meta robots dają robotom wyszukiwarek instrukcje, czy konkretne strony powinny być indeksowane, czy nie, czy odnośniki w treści powinny być przestrzegane, czy nie, i tak dalej.
oto, dlaczego bardzo ważne jest sprawdzanie meta tagów robota.
Jeśli treść w tagach robota meta jest nieprawidłowa, wyświetli błędne instrukcje robotom wyszukiwarek, co oznacza, że będziesz sabotować własne wysiłki SEO, zapobiegając indeksowaniu treści przez te roboty.
Jeśli czytasz źródło strony tego artykułu na naszej stronie, zauważysz, że ma on tag meta robot, który jest podświetlony na poniższym obrazku.
ten meta tag pozwala robotom gąsienicowym wiedzieć, że ta strona powinna być indeksowana i że odnośniki na stronie powinny być śledzone.
potwierdź, że Google Analytics jest poprawnie zainstalowany
jako webmaster lub marketer online prawdopodobnie korzystasz już z Google Analytics do monitorowania i śledzenia różnych statystyk na swojej stronie.
istnieje jednak szansa, że Analytics nie jest zainstalowany na każdej stronie, w takim przypadku możesz nie monitorować ważnych statystyk.
na szczęście możesz sprawdzić, czy Analytics jest poprawnie zainstalowany za pomocą kodu źródłowego witryny.
aby sprawdzić instalację Google Analytics, po prostu otwórz kod źródłowy witryny i wyszukaj „UA.”Na przykład, jeśli otworzymy kod źródłowy artykułu, którego użyliśmy w powyższym przykładzie, zauważysz, że Google Analytics jest zainstalowany na stronie.
Jeśli natkniesz się na litery UA, po których następuje 7 lub 8-cyfrowy Kod, oznacza to, że Google Analytics jest zainstalowany na tej stronie (nie na całej stronie).
należy również sprawdzić, czy kod śledzenia nie pojawia się więcej niż raz na jednej stronie.
powtórz tę procedurę na każdej stronie, aby upewnić się, że Analytics jest zainstalowany na pozostałych stronach.
Jeśli natkniesz się na stronę, która nie ma kodu śledzenia, oznacza to, że nie otrzymujesz żadnych analiz z tej strony.
Jeśli masz tak dużą witrynę, że nie możesz ręcznie sprawdzić kodu śledzenia analytics na każdej stronie, możesz użyć narzędzia takiego jak xml-sitemaps.com aby ułatwić Ci pracę.
podsumowując
możesz tego nie brać pod uwagę, ale przeglądanie kodu źródłowego witryny może być świetnym sposobem na przeprowadzenie audytu SEO na swojej stronie i potwierdzenie, że wszystko na twojej stronie jest w porządku.
najlepsze jest to, że nie musisz być programistą stron internetowych ani mieć dużej wiedzy technicznej, aby wybrać kod źródłowy witryny.