tworzenie stron internetowych Oleśnica

10 błędów na stronach www

Cześć, dzisiejszy wpis mógłby nosić tytuł 100 największych błędów na stronach www, ale ani wam nie chciałoby się tego czytać, ani ja nie mam tyle czasu, żeby go napisać.

Razem z Anką zajmujemy się projektowaniem stron internetowych od ładnych paru lat. Zaczęło się typowo dla tej branży, od jednorazowej współpracy, potem były kolejne i kolejne aż w końcu powstało Yoku. Tworzymy całkiem zgrany tandem, przynajmniej tak nam się wydaje ;)

Ostatnio przeglądaliśmy projekty, które razem przepracowaliśmy i postanowiliśmy wybrać z nich 10 najczęściej popełnianych błędów, na które trafiliśmy, gdy klienci przychodzili do nas z już gotową stroną. Miłej lektury!

Continue Reading

najlepsza wtyczka seo do wordpressa, rank math

Najlepsza wtyczka SEO do WordPressa – Rank Math SEO

Najlepsza wtyczka seo do WordPressa, według mnie, to Rank Math SEO. Wtyczka jest stosunkowo nowa bo dostępna od listopada 2018 roku. Obserwuję ją od samego początku i muszę przyznać że z każdą aktualizacją jest coraz lepiej. Już w tej chwili autorzy usunęli większość błędów które utrudniały pracę z tym pluginem.

Od instalowanego przez niemal wszystkich, Yoasta odróżnia ją kilka kluczowych elementów. Po pierwsze, ilość słów kluczowych które możemy dodać do edycji posta. Yoast, w wersji darmowej, umożliwia nam wpisanie 1 (jednego) słowa a Rank Math aż 5 (pięciu). To spora różnica, dzięki której możemy tworzyć fajne wpisy z „długim ogonem”. Po drugie, Rank Math jest całkowicie darmowy. Nie musimy nic płacić za żadną z funkcjonalności, a jest ich naprawdę sporo. Od integracji z Google Search Console, przez wsparcie dla fragmentów rozszerzonych, ranking słów kluczowych aż po 40 szczegółowych testów SEO.   W zasadzie opcji jest tyle, że nie da się ich opisać w jednym wpisie, dlatego dzisiaj zajmiemy się tylko instalacją i głównymi ustawieniami. Pozostałą część omówię w kolejnych wpisach.

Jest to mój drugi wpis na temat wtyczek do wordpressa. Postanowiłem że, powstanie na stronie cykl o pluginach, w którym będę cyklicznie przybliżał różne, mniej lub bardziej atrakcyjne wtyczki z repozytorium WP. Pierwszy wpis, dotyczący optymalizacji obrazów i zmiany ich formatu na .webp, możecie przeczytać tutaj.

Instalacja Rank Math

Mamy do wyboru dwie możliwości. Pierwsza, klasyczna, instalujemy wtyczkę z repozytorium WordPressa lub ze strony twórców rankmath.com. Polecam to drugie rozwiązanie, na stronie możecie znaleźć sporo przydatnych informacji o konfiguracji wtyczki a także założyć konto na mythemeshop.com gdzie uzyskacie dostęp do 30 bezpłatnych motywów i wtyczek.

Wracając do tematu instalacji, wtyczka w repozytorium wygląda tak:RankMath w repozytorium

Po instalacji i aktywacji, przechodzimy do połączenia wtyczki z kontem Rank Math, jeśli jeszcze go nie mamy, to właśnie jest czas na założenie go.

Cała procedura nie zajmie więcej niż 5 minut. Po aktywacji wtyczki uruchomi się kreator w którym skonfigurujemy podstawowe ustawienia wtyczki.

pierwszy ekran kreatora

Na pierwszym ekranie, ustalamy jaki charakter ma mieć nasza strona.Dostępne opcje to:

  • blog osobisty
  • strona z newsami, blog społecznościowy
  • portfolio
  • strona firmowa
  • sklep internetowy
  • inna

Kolejne opcje to logo strony i obrazek dla mediów społecznościowych. Jeśli nie ustawimy obrazka dla mediów społecznościowych, nasze wpisy będą pojawiały się z przypisanymim obrazkiem wyróżniającym dlatego lepiej zostawić to pole puste. Kolejny ekran to integracja z Google Search Console:

Najlepsza wtyczka SEO do Wordpressa - Rank Math SEO 1

Jeśli nie mamy konta, lub nie chcemy integrować z nim wtyczki pomijamy ten krok i przechodzimy do ekranu nr 3.

Zawartość mapy strony w Rank Math

Tutaj ustalamy zawartość mapy strony więc pomijanie tego kroku stanowczo odradzam.Pamiętajcie że mapa witryny ma bardzo duży wpływ na poprawną indeksacje witryny w wyszukiwarce. Prawidłową konfiguracje przedstawiam na obrazku poniżej:

najlepsza wtyczka seo wordpress

Zapisujemy i idziemy dalej. Ekran nr 4 a w nim zautoamtyzujemy kilka usprawnień, takich jak dodawanie atrybutów „nofollow” i „dofollow” do linków oraz załączników i kilka innych rzeczy. Możemy pozostawić te ustawienia bez zmian chyba że chcemy dodać atrybut „nofollow” do linków wychodzących z naszej strony. Wtedy ustawiamy suwak w pozycji „on”.

Na obrazku wygląda to tak:

Najlepsza wtyczka SEO do Wordpressa - Rank Math SEO 2

Błąd 404 i przekierowania w Rank Math SEO

Kolejny ekran informuje nas o tym że podstawowa konfiguracja jest już za nami. Polecam jednak skorzystać z przycisku Setup advanced options. Otworzy nam się ekran z bardzo ciekawą opcją, jaką jest Monitor 404. Pozwala on sprawdzić czy użytkownicy i roboty wyszukiwarek trafiają na błąd 404 w trakcie eksploracji witryny. Dodatkowo mamy możliwość włączenia przekierowań, które w parze z monitorem dają nam szanse na przekierowanie użytkowników z błędnych adresów na wybrane przez nas podstrony w serwisie.

opcjamonitor 404 rank math

Po tych ustawieniach, ukaże nam się ostatnia karta kreatora, pod dumnie brzmiącym tytułem „Różne”. I faktycznie mamy tu do dyspozycji bardzo różne ustawienia.

Najlepsza wtyczka SEO do Wordpressa - Rank Math SEO 3

Add missing ALT attributes – włączenie tego ustawienia powoduje że, wtyczka będzie uzupełniała,za nas, brakujące atrybuty ALT dla obrazków i tytułów. Jeśli sami nie zamierzamy tego robić, przesuwamy suwak w pozycję On.

Rich Snippet – suwakiem włączamy funkcję fragmentów rozszerzonych, opcja mile widziana przez użytkowników i roboty indeksujące.

Rich Snippet Type for Wpisy – określamy charakter zawartości rozszerzonej dla wpisów, do wyboru mamy 14 różnych możliwości

Article Type – wybieramy typ naszego wpisu

Kolejne dwie opcje, Rich Snippet Type for Strony oraz Article Type ustawiamy analogicznie do poprzednich, z tą jedną różnicą że te opcje odnoszą się do stron a nie wpisów.

Po przejściu przez kreator, pojawi się kokpit ze wszystkimi ustawieniami wtyczki i to tutaj zaczyna się zabawa mająca na celu optymalizację witryny pod pozycjonowanie. W następnych wpisach omówimy szczegółowo każdą z opcji.

Jeśli macie jakieś pytania, zadawajcie je w komentarzach. Tymczasem zapoznajcie się z Rank Math SEO.

 

 

webp wordpress

Optymalizacja obrazów w WordPressie – wtyczka WebP Express

Optymalizacja obrazków ma olbrzymie znaczenie dla szybkości ładowania strony. Z kolei szybkość ładowania strony (od momentu wprowadzenia mobile first index) to jeden z najważniejszych czynników rankujących w Google.

W tym wpisie przybliżę działanie wtyczki WebP Express. Wtyczka ta, poza tym, że, zmniejsza rozmiar obrazków, konwertuje je do formatu .webp ,dzięki czemu zdecydowanie przyśpiesza ich wczytywanie na urządzeniach mobilnych. Zanim przejdziemy do wtyczki, kilka słów o tym, czym jest format .webp i mobile first index.

Webp to nic innego jak format, w którym zapisywana jest grafika. Z założenia jest on następcą starszego formatu .jpeg. Dzięki nowemu formatowi możemy zmniejszyć rozmiar pliku o około 50%, nie ponosząc przy tym strat w jakości, dzięki czemu strony będą wczytywały się znacznie szybciej. I tu do akcji wkracza mobile first index od Googla (na marginesie dodam tylko że webp wprowadzone zostało właśnie przez Google). Wdrożony mniej więcej rok temu algorytm, który wprowadza znaczącą zmianę w ustalaniu pozycji w SERP-ach. Od dnia jego wprowadzeni, pozycja strony jest ustalana na podstawie optymalizacji witryny pod kątem wyświetlania na telefonach i tabletach.

Tyle tytułem wstępu. Przejdźmy do samej wtyczki i optymalizacji obrazów.

Instalacja wtyczki WebP Express

WebP Express pobieramy z repozytorium WordPressa lub przez kokpit i menu Wtyczki.

Optymalizacja obrazów w Wordpressie - wtyczka WebP Express 4

Po instalacji i aktywacji przechodzimy do menu Ustawienia i WebP Express:

optymalizacja obrazow wordpress

I naszym oczom ukaże się ekran ustawień wtyczki:

ekran ustawien webp

Optymalizacja obrazów w WordPressie

Operation mode – ustawiamy na Varied images responses, w tym trybie nasza strona zaserwuje obrazy w formacie webp tylko dla przeglądarek, które ten format obsługują. Obecnie jest to ponad 80% z nich.

Poniżej mamy General settings a w nim:

Images type to work on – rodzaj obrazów, na jakie wtyczka ma oddziaływać. Oczywiście wybieramy both jpegs and pngs.

Destination folder – folder, w którym zapiszą się obrazy przekonwertowane do nowego formatu. Wybieramy In separate folder, dzięki temu obrazy po konwersji zapiszemy w oddzielnym folderze.

Cache-Control header – zostawiamy w spokoju, wtyczka sama utworzy za nas przekierowania w pliku .htaccess.

Kolejnym menu jest Redirection rules, czyli reguły przekierowań. Obie opcje powinny być zaznaczone. Jeśli nie są należy to zrobić.

Przewijając ekran w dół dochodzimy do następnych opcji:

drugi ekran ustawien webp

Conversion, czyli menu odpowiedzialne między innymi za jakość naszych obrazków. U mnie zostawiłem opcje Auto i Max Quality 80 przy okazji usunąłem metadane z obrazów.

Poniżej mamy opcję Convert on upload, którą należy zaznaczyć, jeśli chcemy, żeby wszystkie obrazy, które wrzucimy na naszą stronę w przyszłości zostały przekonwertowane.

Po tych ustawieniach nie pozostaje nam nic innego niż użycie przycisku Bulk convert. Pokaże nam się ekran z informacją o zbieraniu plików do konwersji. Po tej operacji zobaczymy na ekranie coś takiego:

start konwersji webp express

Oczywiście klikamy w Start conversion i po chwili możemy cieszyć się obrazami w formacie .webp na naszej stronie.

Czas konwersji będzie uzależniony, od tego ile obrazów będzie jej wymagało i może zająć nawet kilkanaście minut.

Nie ulega wątpliwości, że warto poczekać. Wtyczka ta w połączeniu z Rank Math SEO pozwoli Wam wejść wyżej w wynikach wyszukiwania:)

Jak widzicie, instalacja oraz konfiguracja wtyczki jest dziecinnie prosta i nie przysporzy problemów nawet początkującym użytkownikom WordPressa.

Ciekaw jestem jakich wtyczek Wy używacie do optymalizacji obrazów w WordPressie. Podzielcie się nimi w komentarzach.

pozycjonowanie

Pozycjonowanie stron www – najważniejsze elementy

[responsivevoice_button voice=”Polish Female” buttontext=”Listen to Post”]

Pozycjonowanie stron to najlepszy sposób na to, aby zarabiać na ruchu w sieci i przekierowywać go na stronę w sposób zorientowany na konwersję. W momencie, w którym ktoś wprowadza do wyszukiwarki poszukiwane hasło, otrzymuje listę stron dopasowanych tematycznie. Zdecydowana większość użytkowników kończy poszukiwania na pierwszej stronie wyników, ponieważ właśnie na niej znajdują niezbędne informacje. SEO pomaga firmom zajmować wysokie pozycje w wyszukiwaniu wyników dla słów kluczowych, wyszukiwanych przez ich odbiorców docelowych.

Jeśli chcesz sam optymalizować swoją witrynę, niech nie przeraźi Cię ilość informacji dostępnych w sieci. W zasadzie można powiedzieć, że informacji i opinii jest tyle ilu jest SEO ekspertów.

Dlaczego tak jest? Odpowiedź jest prosta. SEO ciągle się zmienia. Codziennie zmieniają się algorytmy wyszukiwarek i wytyczne Google.

SEO to dziedzina, która wymaga ciągłego zaangażowania.

Dzisiaj przedstawię mam kilka technik, aby rozpocząć przygodę z SEO w 5 krokach. Już na wstępie zaznaczam, że celowo pomijam definicję słów kluczowych dlatego, że opiera się na nich istota działania wyszukiwarek i korzysta z nich każdy, kto używa Google czy Binga.

SEO on-site czyli optymalizacja strony

On-site, czyli elementy seo, które należy wprowadzić na stronie, tak by stała się ona przyjazna dla użytkowników i robotów indeksujących. To najważniejszy element pozycjonowania. Kiedyś najważniejszym elementem seo było zdobywanie linków prowadzących do strony (o tym później), ale czasy te mamy już za sobą.

  • Title tag – znacznik tytułu informuje, o czym jest strona, powinien zawierać ok. 70 znaków i zawierać słowa kluczowe
  • Meta Description – opis strony, podobnie jak w przypadku tytułu powinien zawierać słowa kluczowe i opisywać treść strony. Oba znaczniki są widoczne w wynikach wyszukiwania. Które wyglądają tak:Pozycjonowanie stron www - najważniejsze elementy 5Powyższy obrazek pokazuje wykorzystanie słów kluczowych w znacznikach Title i Description. Słowa kluczowe są wytłuszczone przez google. Dodanie tych znaczników w WordPress jest bardzo proste, umożliwiają nam to wtyczki SEO takie jak np. Rank Math czy Yoast.
  • Nagłówki – kolejny bardzo ważny element strony. Oznaczamy je w kolejności od H1 do H6. Oznaczają ważność kolejnych porcji tekstu. Używamy ich zawsze w kolejności. Przy czym, należy pamiętać o tym, że nagłówek H1 wykorzystujemy tylko jeden raz (najczęściej w tytule strony. Zamieszczamy w nich słowa kluczowe.
  • Adresy URL – ich forma powinna być czytelna przez co staje się przyjazna użytkownikom. Prawidłowa postać adresu to np:Pozycjonowanie stron www - najważniejsze elementy 6Jak widać na obrazku już po przeczytaniu tytułu, użytkownik może zorientować się o czym jest strona.
  • Linkowanie wewnętrzne – to linki umieszczone wewnątrz serwisu przekierowujące użytkowników (i roboty) do pozostałych części witryny. Odpowiednio wykonane bardzo ułatwia indeksacje robotom google. Oczywiście nie można z tym przesadzać, bo zbyt duża ilość linków na jednej podstronie może utrudniać indeksacje i poruszanie się po witrynie.
  • Szybkość działania strony – to element, który w ostatnim czasie zyskał dużo na znaczeniu i ma teraz duży wpływ na pozycjonowanie stron, zasada jest taka, że im szybciej strona się wczytuje, tym lepiej. W końcu nikt nie lubi długo czekać. Do mierzenia prędkości strony jest kilka popularnych narzędzi takich jak Google Page Speed Insights, GTmetrix czy Pingdom Tools.
  • Stosunek treści do kodu – im więcej mamy na stronie treści tym lepiej – to proste. Przyjmuje się zasadę, że prawidłowy stosunek widocznej treści do kodu powinien być na poziomie co najmniej 15%.
  • Poprawność kodu HTML – kod strony powinien być zgodny z normami W3C. Niepoprawny kod może utrudnić robotom poruszanie się po stronie i utrudniać jej prawidłowe linkowanie.
  • Atrybuty ALT – czyli tekst alternatywny dla obrazków, ułatwia on robotom, zrozumienie tego, co jest na obrazku. To aspekt, który bardzo często jest pomijany przez twórców stron internetowych a jego późniejsze uzupełnienie jest bardzo czasochłonne.
  • Robots.txt i sitemapa – dwa obowiązkowe pliki, które należy umieścić w katalogu z witryną. Obydwa zawierają cenne wskazówki dla robotów poruszających się po stronie.

OFF-SITE SEO – działania pozycjonujące poza witryną

Kluczowym elementem działań off-site SEO jest pozyskiwanie linków, a co za tym idzie, ruchu do naszej witryny. Sposobów na link-building jest mniej więcej tyle, ilu jest specjalistów seo. Każdy ma swoje sposoby i prawie każdy uważa, że jego sposób jest najlepszy.

Poniżej opiszę kilka wybranych metod zdobywania linków:

  • wpisy gościnne – artykuły umieszczane na stronach należących do kogoś innego. Dzięki takim wpisom zyskujemy dodatkowe miejsce do eksponowania naszej treści. Jeśli właściciel strony się zgodzi, możemy w tekście umieścić linki do naszej witryny. Wpisy gościnne to doskonały sposób na zdobywanie nowych odbiorców naszej treści. Zdarza się również, że teksty takie owocują dłuższą współpracą i zawarciem nowych znajomości
  • artykuły sponsorowane – to nic innego jak forma reklamy, umieszczamy tekst wraz z linkami na portalach tematycznie powiązanych z naszą stroną. Istotne jest, aby umieszczać takie artykuły na portalach legitymujących się odpowiednią ilością odwiedzin tak, aby przyniósł on skutek w postaci większej ilości wejść na naszą witrynę.
  • informacje prasowe – umieszczanie informacji o firmie na portalach dziennikarstwa obywatelskiego, są bardzo dobrze postrzegane przez Google
  • komentarze na blogach – może nie są oszałamiająco skuteczne, ale jak najbardziej pożądane (oczywiście w granicach zdrowego rozsądku)
  • marketing szeptany – ta forma marketingu sprawia wrażenie bardzo naturalnej. Polega ona na dotarciu do odbiorcy, poprzez uczestnictwo, w różnych dyskusjach toczonych na forach czy mediach społecznościowych. Prowadzenie tego rodzaju działań ma na celu, nie tylko pozyskiwanie linków, ale również stworzenie pozytywnego wizerunku marki i jej promocji.

Jaki jest najważniejszy element SEO?

Odpowiedź na to pytanie jest bardzo prosta. Najważniejszym elementem seo jest…. treść, treść i jeszcze raz Treść. W zasadzie niemożliwe jest wypozycjonowanie strony bez dobrej, przydatnej dla użytkowników treści. To ona decyduje, o tym ile czasu na stronie spędzi użytkownik i czy będzie chciał na nią jeszcze wrócić. Sami wiecie, ilu informacji szukacie w sieci i pewnie macie sprawdzone źródła, na które wracacie i te, które omijacie szerokim łukiem. Dokładnie tak samo zachowują się roboty wyszukiwarek. Jeśli treści na stronie często się zmieniają to roboty, chętnie na nią wracają i indeksują kolejne podstrony, jeśli widzą, że na stronie nic się nie dzieje zaglądają tam od czasu do czasu a strona wpada w odchłań internetu.

Jest jeszcze jeden ważny element dotyczący głównie działań poza stroną. To zdrowy rozsądek i umiar. Z ilością dodawanych linków nie należy przesadzać i dodawać je tylko w miejscach powiązanych tematycznie ze stroną, którą pozycjonujemy.

A Wy jakie macie sposoby na pozycjonowanie stron?

Zapraszam do dyskusji.