Porady SEO dla Front End

1. 2 - Znacznik tytułu i opisu
2. 3 - Przyjazny adres URL
3. 4 - Obrazy
4. 6 - Użyj sprite'ów CSS
5. 7 - Responsywne strony internetowe

Narzędzia dla webmasterów jest narzędziem udostępnianym przez Google i dzięki niemu możesz mierzyć wydajność swojej witryny, mieć pełne informacje o błędach i ulepszeniach oraz wiele więcej dla Ciebie, który chce zainwestować w optymalizację.

• Ale jak zacząć korzystać z tego narzędzia?

Proste! Musisz tylko przyznać uprawnienie Narzędzi dla webmasterów do swojej witryny, wysyłając plik HTML na FTP (najbardziej zalecana metoda) lub używając tagu meta lub innego rodzaju weryfikacji.

Dobrze, zrobiłeś to? Teraz możesz zobaczyć, jakie błędy wskazuje Google w Twojej witrynie, pokaże ci wszystko, co musisz naprawić lub poprawić, a teraz to zależy od Ciebie.

W samych Narzędziach dla webmasterów masz dostęp do Google Page Speed, czyli narzędzia do pokazywania piłek, które daje Ci pełny raport na temat Twojej witryny.

Idź tam i spójrz na to wszystko.

2 - Znacznik tytułu i opisu

Tag <title> jest jedną z rzeczy, które Google najbardziej pasuje do optymalizacji witryny, zawsze dobrze zaplanuj, co umieścisz w tytule strony, aby klient wiedział, co znajdzie, wprowadzając ją.

Tag <description> jest również jednym z najważniejszych kroków w optymalizacji witryny, i to właśnie doprowadzi klienta do krótkiego opisu tego, co znajdzie na swojej stronie.

Och, pamiętasz nasze narzędzie, Narzędzia dla webmasterów? Pomaga nam również bardzo wiele z naszymi tytułami i tagami opisu, przechodząc do Narzędzi dla webmasterów, przechodząc do Aspektu wyszukiwania> Udoskonalenia HTML. Znajdziesz tam zgłoszone błędy, takie jak:

Które strony mają metatagi <title> i <description> , które są duplikatami, zbyt długimi, zbyt krótkimi lub nawet stronami, które nie mają tytułu, wystarczy je wprowadzić i dostosować.

3 - Przyjazny adres URL

Bardzo ważną regułą w SEO jest używanie przyjaznych adresów URL na twojej stronie. Jak:

https://www.myusite.com/productname i nie używać https://www.mysite.com/prod001

Ponieważ Google czyta Twój adres URL, aby wiedzieć, o co chodzi w tej stronie, zanim nawet przeczytasz dokument.

Zwróćmy na to uwagę.

4 - Obrazy

Czy obrazy na Twojej stronie są przyjazne czy nie? Kiedy chcesz dodać jakiś obraz do swojej witryny, czy zależy ci na jej imieniu?

Google nie wie, co to jest ten obraz, który dodałeś, zrozumie tylko od chwili, gdy do niego przemówisz, jaki to obraz.

Użyj szczegółowych i informacyjnych nazw, takich jak:

nazwa produktu.jpg, a nie prod001.jpg

Użyj atrybutu ALT na zdjęciach, aby powiedzieć Google'owi, co oznacza ten obraz, aby mógł go lepiej zrozumieć. Jak:

Tam! Właśnie zdobyłeś kilka dodatkowych punktów z naszym przyjacielem Google.

Użytkownicy chcą uzyskać dostęp do szybszych witryn, a Google lubi także szybsze witryny, więc zacznij martwić się, czy Twoja witryna ma dobry czas ładowania.

• Jak możemy spowolnić czas ładowania strony?

Dwie wskazówki to:

• Zmniejsz pliki CSS i JS, usuwając komentarze i spacje.
• Kompresuj rozmiar swoich obrazów

I możemy to zrobić za pomocą automatyzatora zadań, moim ulubionym jest Łyk

Możesz także użyć szybkości strony, ponieważ będziesz miał dokładniejsze informacje na jej temat.

6 - Użyj sprite'ów CSS

Sprity CSS jest techniką, w której możemy połączyć kilka obrazów w jeden, próbując zmniejszyć liczbę żądań do serwera.

Jednym z przykładów, które naprawdę lubię używać, jest:

• Zakładając, że musisz iść do piekarni, aby kupić 10 bochenków, ale musisz przynieść 1 za 1. Czy zgodzenie się byłoby zbyt męczące i czasochłonne? Ale możemy przynieść wszystkie te bochenki jednocześnie. To samo dotyczy żądań na serwerze, ale znacznie bardziej męczące i czasochłonne jest dostarczenie obrazu przez serwer, ponieważ możemy przynieść wszystko na raz.

Sam Google używa Sprites CSS.

7 - Responsywne strony internetowe

Nie możemy tworzyć naszych witryn, myśląc tylko wtedy, gdy będą działać tylko na pulpicie lub tylko na jednym typie ekranu, a posiadanie strony internetowej dostępnej na wszystkich platformach jest bardzo ważne, ponieważ dostęp przez urządzenia mobilne rośnie i to się nie skończy.

Tak więc martw się, jeśli Twoja witryna jest dostępna dla wszystkich ekranów, czy to na komputerze, czy na telefonie komórkowym, jest to jeden z czynników, który wystarcza, aby Google indeksował Twoją witrynę.

To tylko kilka wskazówek, które sprawią, że chętniej zastosujesz więcej technik SEO na swoich stronach.