Jak poprawnie używać DevTools w przeglądarce

Praca przy każdej z witryn zaczyna się w Narzędziach dla Developerów, które są dostępne w każdej przeglądarce np Chrome.

Narzędzia te dają nam wiele informacji, które pozwalają znaleźć problemy na stronie. O jednej z ich funkcji napisałem w treści o tym Jak usunąć nieużywany kod CSS.

Inne dają nam możliwość prześledzenia odwołań, informacji w konsoli czy przeprowadzenia testu Lighthouse.

Niedawno na Youtube napotkałem na film, w którym poprzez elementy rozwiązywania gier pokazywane jest jak można uzywać DevTools.

Dziś chciałem się z Wami nim podzielić. Zapraszam go oglądania: … Czytaj dalej »

Podstawowe wskaźniki internetowe

Pracując z Google nie można się nudzić. Wyszukiwarka stale się rozwija a Google coraz więcej wymaga od stron jakie indeksuje.

Jest to oczywiście dobra droga, wymogło to wiele ciekawych zmian w technologii i budowie stron. Od kilku lat oprócz pełnej mobilności wyszukiwarka wymaga coraz szybszego działania, wczytywania się stron niezależnie od urządzenia.

Oczywiście ze względu na Mobile-first indexing ważne by strona była szybka dla urządzeń mobilnych.

Podstawowe wskaźniki internetowe, pojęcie które niedawno weszło to naszego słownika, określa kilka metryk związanych z szybkością stron. Są to czynniki, które według Google można zmierzyć i ocenić czy strona jest szybka.

Co jest wiec mierzone?

Pierwszym z czynników to “Największe wyrenderowanie treści (LCP)”. Wartość ta mierzy wydajność wczytywania strony. Google określił, że wygodnie będzie się korzystało się z witryny, jeśli LCP pojawiać się będzie w ciągu 2,5 sekundy od rozpoczęcia wczytania się strony.

LCP

… Czytaj dalej »

Majestic Keyword Generator – kit czy hit?

Majectic i Ahrefs to dwa najlepsze miejsca, w którym możemy sprawdzić linki przychodzące do domen. Każdy z Portali ma także wiele innych funkcji lub narzędzi.

Niedawno Majestic zaprezentował nowe narzędzie “Keyword Generator”.

Postanowiłem w tym wpisie sprawdzić czy narzędzie będzie użyteczne dla osoby zajmującej się SEO w Polsce.

Keyword Generator jak sama nazwa wskazuje jest narzędziem generującym listy fraz, które możemy użyć podczas linkowania a także optymalizacji witryny.

Narzędzie możemy odszukać w menu w zakładce “Keywords”

majestic menu

… Czytaj dalej »

Blokada indeksacji powielonych adresów z parametrami

Blokada indeksacji

Blokada indeksacji powielonych adresów z parametrami czasami bywa trudna. Google nie zawsze respektuje wskazania w tagu canonical czy blokady w robots.txt.

Czasami nie ma też możliwości wstawienia odpowiedniego meta tagu robots w kodzie strony.

A blokować trzeba bo w witrynie indeksują się strony sortowań, filtrów lub czy adresów z “wewnątrz” skryptów.

W takim przypadku warto użyć jedno z narzędzi starego Google Search Console – “Parametry w adresach URL”.
W obecnej wersji jest ono dostępne w sekcji “Starsze narzędzia i raporty”

GSC parametry w url

Po przejściu do niego otrzymujemy listę wykrytych przez Google parametrów z informacją o ich konfiguracji, działaniu i informacją o skanowaniu.
… Czytaj dalej »

Jak usunąć nieużywany kod CSS?

Temat usuwania nieużywanego kodu CSS niejako wywołany został do tablicy poprzednim moim wpisem o testerze prędkości stron – Google Pagespeed Insights.

Pagespeed Insight bardzo często wśród wielu możliwości wskazuje, że na testowanej stronie znajduje się nieużywany kod CSS, który można usunąć.

Tak jak w tym przypadku, gdzie po optymalizacji możemy zyskać 3/4 sekundy:

Oraz znacząco zmniejszyć wielkość plików.

W poprzedniej wersji tester umożliwiał pobranie zoptymalizowanych plików CSS, niestety obecnie nie ma już takiej możliwości.

Jak więc sprawdzić, co jest potrzebne a co nie?

W pomocą przychodzi nam DevTools z przeglądarki Chrome. … Czytaj dalej »

Następna strona »