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

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 1

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 2Powyż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 3Jak 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.

Jak wybrać domene i hosting

Jak wybrać hosting i domenę dla swojej strony?

W tym artykule przybliżymy Ci dwie bardzo ważne kwestie, od których zaczyna się tworzenie strony www. Być może oba pojęcia są Ci obce, więc postaram się je przybliżyć. Strona w sieci nigdy nie zaistnieje, jeśli nie wybierzesz dla niej ani domeny, ani hostingu.

Każda strona w internecie ma swój adres, składający się z dwóch części: nazwy i rozszerzenia, rozdzielonych kropką np: twojadomena.pl. Pierwsza część to nazwa domeny, druga to rozszerzenie. O ile przy wyborze nazwy masz pełną swobodę (pod warunkiem, że nie jest już zajęta), o tyle przy wyborze rozszerzenia tej swobody już nie ma.

Do wyboru jest kilka rodzajów rozszerzeń:

  • globalne (.net .com) – takie rozszerzenie sugerować może globalny zasięg Twojej firmy, są dobre dla dużych przedsiębiorstw działających w wielu krajach i posiadających wielojęzyczne wersje strony
  • europejskie (.eu) – dobra dla firm działających na rynkach europejskich, chętnie wykorzystywana przez przedsiębiorstwa transportowe
  • krajowe (.pl .uk .ru) – najbardziej popularne, umożliwiają identyfikację kraju już po adresie strony, no i czytelnicy mają już w nawyku wpisywanie polskiego rozszerzenia na końcu adresu
  • funkcjonalne (.biz .gov .edu .org) – jak sami widzicie, już po rozszerzeniu można zorientować się jakiej tematyki dotyka strona. Dodać należy, że rozszerzenie .gov zarezerwowane jest dla instytucji rządowych
  • regionalne (.wroclaw.pl, katowice.pl) – rozszerzenia bardzo przydatne, jeśli prowadzisz biznes w skali lokalnej, Twój klient od razu wie gdzie może Cię szukać a w dodatku łatwiej jest taką stronę wypozycjonować.

Jak wybrać nazwę domeny?

Przy wyborze rozszerzenia pewnie nie będziecie mieć większych problemów, ale przy nazwie może być ciężko. Bardzo ciężko jest dobrać nazwę domeny choćby dlatego, że mnóstwo domen jest już zajętych. Jeśli będziesz miał odrobinę szczęścia znajdziesz swoją domenę na giełdzie domen.

Trzy najważniejsze cechy dobrej domeny to:

  • krótka i prosta – dzięki temu nasi klienci nie będą mieć problemu z jej zapamiętaniem i zapisaniem, a to bardzo ważne, gdy chcemy wypromować się na tle setek tysięcy firm już działających i mających swoje strony www;
  • branżowa – bez wątpienia dobra domena powinna dotyczyć branży, w której działamy;
  • oryginalna – to chyba najtrudniejszy z warunków do spełnienia, jednak jeśli się uda to macie gwarancję, że Wasza strona nie zostanie pomylona ze stroną konkurencji;

Czego unikać przy wyborze domeny?

Tak, tak, przy wyborze domeny można też popełnić błędy. Skutkują one tym, że nazwa staje się trudna do zapisania czy zapamiętania. Tracimy przez to szansę na prezentację oferty naszym potencjalnym klientom. Najczęściej popełnianym błędem jest oddzielanie słów myślnikiem. Łatwiej przecież zapamiętać adres www.stronainternetowa.pl niż strona-internetowa.pl. Niestety, jeśli odbiorca nie zapamięta myślnika w naszej domenie, będzie bardzo prawdopodobne, że trafi na stronę konkurencji albo wyświetli się komunikat błędu o nieistniejącej stronie. Drugim często spotykanym błędem (teraz na szczęście rzadziej niż kiedyś) jest stosowanie przedrostka e lub e- w nazwie. To kolejny zbędny dodatek, którego leniwy internauta nawet nie będzie chciał zapamiętać. Lepiej więc z niego nie korzystać.

Mam nadzieję, że tych kilka wskazówek ułatwi Wam wybranie domeny i hostingu. Jeśli macie jakieś pytania lub uwagi zadawajcie je w komentarzach. Chętnie z Wami porozmawiamy.