Webflow: SEO w Webflow cz. 2

0:00W poprzedniej lekcji pokazałem Ci jak

0:01można dodać kawałek kodu do sekcji Head pojedynczej strony.

0:04Teraz przypominam, że możemy taki kawałek kodu dodać także do całego naszego serwisu.

0:10Znajduje się tutaj sekcja Custom code i to tutaj znajduje się sekcja Head, do której

0:15możemy dopisać coś i będzie się to pojawiało na wszystkich podstronach. W związku z tym,

0:20jeśli mamy jakieś Znaczniki meta, którymi chcemy całą naszą stronę opisać, mogłyby te

0:26znaczniki się tutaj znaleźć. To jest też potencjalnie dobre miejsce, aby wyindeksować

0:30całą naszą stronę, czyli dodać tutaj meta name="robots" content="noindex"

0:34I to wtedy zostałoby zastosowane dla całej naszej witryny.

0:37Potencjalnie można by było też wyindeksować

0:40całą naszą witrynę poprzez użycie tutaj właśnie meta name="robots" content="noindex",

0:44wtedy miałoby to zastosowanie do wszystkich podstron naszej witryny,

0:48gdybyśmy z jakichś powodów chcieli, aby nie

0:50była ona w indeksie Google. Dodatkowe ustawienia znajdziemy w sekcji, w zakładce SEO.

0:56Jeżeli mamy wykupiony hosting na Webflow to

0:59polecam wcześniej jeszcze przyjrzeć się jednej zakładce, czyli właśnie tej zakładce

1:04Hosting, gdzie definiujemy i dodajemy naszą własną domenę.

1:07Tutaj znajduje się ważne ustawienie, które z punktu widzenia pozycjonowania jest dla

1:13Google też istotne, mianowicie oznaczenie domeny, którą dodamy jako domena domyślna.

1:18W ten sposób dajemy znać Webflow, że chcemy utworzyć odpowiedni rekord w pliku

1:24robots, który poinformuje Google, że to jest nasza najważniejsza, główna domena i pod tą

1:29domeną strona powinna indeksować się w wyszukiwarce.

1:32To ważne, bo gdybyśmy np.

1:33dodali szereg innych domen, musimy właśnie

1:36wskazać tę, która będzie się wyświetlać w wynikach wyszukiwania, a oznaczenie nowo

1:41wybranej przez nas domeny nawet, jeśli mamy tylko jedną

1:43jako default, również jest istotne w kontekście

1:46tego, że Webflow nie będzie indeksował automatycznie tej subdomeny Webflow,

1:53która tutaj też jest wygenerowana dla naszej strony.

1:56Mogłaby ona być

1:58indeksowana przez Google. Możemy w Webflow wystawić taką dyrektywę przyłączając ten suwak na

2:04"No". To w zasadzie jest mało intuicyjne, ale chodzi o to, że to jest wyłączenie tej opcji. Teraz

2:08jest ona wyłączona, więc jest na "Yes". Jeśli ją włączymy, czyli przestawimy to na

2:12"No" to wtedy będzie indeksowana ta strona na subdomenie Webflow.

2:17W większości przypadków jest to zdecydowanie niepożądane.

2:21Podsumowując, na ogół będziemy korzystali z

2:23takiego scenariusza, że w hostingu dodajemy naszą domenę, koniecznie oznaczamy ją jako

2:28domyślna "Default", a dodatkowo indeksowanie tej podstrony Webflow ustawiamy na

2:34Disabled, czyli przestawiamy suwak na "Yes", o ile nie jest tak domyślnie.

2:39Następnie robots.txt to jest ważny plik i wiele

2:42osób myli go z możliwością wskazania Google stron, których nie powinien indeksować.

2:47To wcale tak nie jest z plikiem robots.txt raczej służy on temu, żeby nasza

2:52strona nie została przeładowana request'ami od robota Google

2:56tam, gdzie nie jest to konieczne.

2:58Przykładowo, jeśli mamy 100 tys.

3:00profili użytkowników to żeby

3:03robot Google nie zasypywał request'ami naszej strony i tym samym może nie

3:07powodował, że nasz serwer będzie zbytnio obciążony,

3:11możemy powiedzieć, że niektóre obszary

3:13naszej strony są mniej istotne dla robota. One na ogół rzeczywiście będą też

3:17wyindeksowane, ale możemy dodatkowo zadeklarować w pliku robots.txt reguły,

3:23które sprawią, że robot będzie po prostu omijał tę stronę.

3:27Zachęcam do lektury stron Google na ten

3:28temat, czyli wprowadzenia do robots.txt i tego jak formułować dyrektywy

3:33w robots.txt, a także do strony robots.txt, która jest sugerowana na

3:39Webflow po to, żeby poczytać sobie tutaj istotne informacje.

3:42I rzeczywiście czasem będziesz tego pliku robots.txt używał. W zakładce Hosting znajduje

3:48się jeszcze coś takiego jak możliwość włączenia reguł 301. Przekierowania 301

3:52powodują, że nie tracimy ruchu, który kieruje do stron 404.

3:56Zakładamy, że np.

3:57ktoś mógł napisać recenzję naszego jakiegoś produktu,

4:01który później, którego adres później zmieniliśmy i nie chcielibyśmy stracić

4:05tego linku, który ktoś użył w recenzji na przykład na swoim blogu, w związku z tym

4:09podajemy tutaj starą ścieżkę, pod którą występował nasz produkt, a także nową

4:13ścieżkę, na którą cały ten ruch zostanie przekierowany.

4:16Wtedy, jeżeli ktoś właśnie na przykład z zewnętrznego źródła kliknie w link,

4:20który prowadzi do nieistniejącej strony, zostanie automatycznie przekierowany na tę

4:25właściwą, a przekierowanie 301 sprawi, że robot Google będzie wiedział, że ta nowa

4:30strona to jest właśnie ta ważna w kontekście pokazywania jej w indeksie Google.

4:34Przekierowania 301 powinniśmy stosować właśnie w tym celu, a raczej nie do tego

4:38żeby przepisywać sobie jakieś brzydkie adresy na ładne.

4:41Do tego służą inne rzeczy 301-ki powinniśmy traktować w ten sposób, że

4:46strona została w całości przeniesiona i my deklarujemy jej nowy adres.

4:50Więcej możesz doczytać pod tym linkiem,

4:52także to jak definiować tu te reguły.

4:54A teraz jeszcze jedna, w kontekście utrzymania naszej strony,

4:57ważna rzecz, czyli Google Search Console,

5:00do którego zdecydowanie polecam dodać Twoją stronę.

5:02Jeżeli przeniesiesz się do sekcji SEO znajduje się tutaj zakładka Sitemap i Google Site Verification.

5:07Sitemap to jest coś jak wytyczne dla robota w jaki sposób poruszać się po

5:13linkach naszej witryny. Ona zawiera wszystkie linki naszej witryny i pozwala

5:17robotowi dzięki temu wygodniej, łatwiej je zaindeksować. Sitemap zgłaszamy do Google

5:22i możemy wygenerować ją automatycznie przez Webflow.

5:25Zdecydowanie polecam Ci tę opcję, zwłaszcza

5:27wtedy, jeżeli nie chcesz wprowadzić jakichś własnych custom'owych zmian. Jeżeli dobrze

5:31nie wiesz na czym polega generowanie Sitemap, to tutaj ta opcja będzie naprawdę super.

5:36Wystarczy włączyć i zapisać zmiany, a następnie zgłosić do Google'a naszą Sitemap'ę.

5:40Jeżeli wiesz jak zrobić Sitemap to

5:42możesz wgrać tutaj custom'owy plik XML, czyli wkleić tutaj kod XML, który po prostu będzie

5:47twoją Sitemap'ą. My włączymy jej automatyczne generowanie i dodatkowo będziemy musieli

5:52zgłosić Sitemap, a także zweryfikować naszą stronę w Google,

5:55po to, aby uruchomić sobie Google Search Console.

5:58To jest ważne narzędzie, które pozwoli nam monitorować naszą stronę w wyszukiwarce.

6:02Przy zakładaniu nowego konta od razu będziemy proszeni o zgłoszenie nowego tak

6:06zwanego Property, czyli właśnie takiej nowej strony.

6:08A, jeśli już masz jakieś konta to klikasz na tę strzałka i dodajesz nowe Property.

6:13W przypadku stron Webflow korzystamy z tej sekcji URL Prefix i wpisujemy tutaj

6:18pełny adres, czyli tę dodaną przez nas domenę.

6:20W moim przypadku to jest subdomena.

6:22Zaczynamy od https, dwukropek, dwa ukośniki, podajemy ten adres wybieram polecenie

6:27Continue i teraz możemy wybrać kilka wariantów weryfikacji.

6:32Możemy wybrać HTML tag i w tym miejscu

6:34znajduje się taki tag content. Musimy wszystko to co jest pomiędzy cudzysłowem skopiować.

6:40Najpierw skopiuję całość, przejdę do Webflow, ale nie wklejamy tego pełnego kodu, tylko

6:45usuwamy tę część za cudzysłowem i przed cudzysłowem, włącznie z cudzysłowem to jest

6:50właśnie nasz kod, który potrzebujemy do weryfikacji.

6:52Teraz wybieramy polecenie Save Changes

6:54po to, aby zapisać tę zmiany. Musimy opublikować jeszcze naszą stronę po

6:58to, aby były one widoczne. W związku z tym przechodzimy do sekcji Publish,

7:02nie musimy tego robić z Designera i wybieramy "Publish to selected domains".

7:07Dopiero w tym momencie zmiany w kontekście

7:09weryfikacji w Google zostaną opublikowane, a my możemy wrócić na stronę Google i

7:14teraz wybrać polecenie Verify, czyli zobaczyć, czy nasza strona została

7:19poprawnie zweryfikowana. Wybieramy Verify i strona jest sprawdzana.

7:24Mamy informacje o tym, że OK, wszystko jest w porządku i zweryfikowaliśmy tę stronę. Możemy

7:29do niej przejść, go to Property i zobaczyć wszystkie właściwości tej

7:32strony, które oczywiście będą tutaj zbierane z czasem.

7:36Mamy zakładki Performance, czyli jej wydajność.

7:38Na to nie mamy jakiegoś wielkiego wpływu,

7:40ponieważ dla nas to optymalizuje Webflow, aczkolwiek naprawdę ta wydajność stron w Webflow

7:46jest bardzo bardzo dobra. Są one nieźle zoptymalizowane pod kątem właśnie Google,

7:51czy Lighthouse, który sprawdza tę wydajność.

7:53Mamy też możliwość sprawdzenia i

7:55zgłoszenia Sitemap i to jest kolejne miejsce, w które się udajemy.

7:58I tutaj zgłaszamy plik "sitemap.xml",

8:03Ponieważ to jest ten domyślnie wygenerowany

8:05przez Webflow plik. Wybieram polecenie Submit i pod warunkiem, że zgłosiliśmy,

8:12zmieniliśmy to na "Yes"

8:13i zapisaliśmy zmiany i opublikowaliśmy to mamy informację o tym, że Sitemap'a została

8:18pomyślnie przesłana. Mamy status Success i 5 URLi w tej

8:23Sitemapie zostało odnalezionych.

8:24Samo Google Search console daje nam ogromne

8:26możliwości w kontekście podejrzenia tego jak nasza strona jest indeksowana, jakie

8:31są jej najważniejsze błędy, czyli które ze stron np.

8:35są źle podlinkowane, które trzeba przekierować i ile ruchu dostajemy z

8:39wyszukiwarki na jakie frazy i jeszcze wiele wiele innych rzeczy.

8:42Nie będę tego omawiał. Do tego

8:44prawdopodobnie przyda się osobny kurs, natomiast warto tę stronę połączyć,

8:48nawet, jeżeli nie będziesz z tego od razu korzystał to warto, żeby tutaj już od

8:52początku gromadziły się wszystkie niezbędne dane.

8:55W kontekście pozycjonowania, indeksowania

8:58oraz monitoringu myślę, że to takie najważniejsze podstawowe informacje.

9:02Także bardzo Ci dziękuję za uwagę w tej części i do usłyszenia w kolejnej lekcji.