Google Partner arturkosinski.pl
Skontaktuj się
Wyszukaj na stronie...
Zamknij wyszukiwarkę

Jak poprawnie umieszczać zdjęcia na stronie www?

Ostatnia aktualizacja treści Ostatnia aktualizacja: 14 stycznia 2022

Cześć, w poniższym filmie opowiem o tym, jak poprawnie umieszczać zdjęcia na stronie lub sklepie internetowym. Najczęściej prowadzeniem stron internetowych lub sklepów zajmują się sami właściciele (sprawdź też kto zarządza stroną internetową) i to głównie dla nich jest to wideo. Zastosowanie wskazówek z tego filmu z pewnością oszczędzi nerwów wielu osobom przeglądającym wasze strony, a wam pozwoli być lepiej widocznym w wyszukiwarce Google.

Sprawdź moją ofertę – tworzenie stron internetowych.

Podstawowe błędy przy dodawaniu zdjęć na strony internetowe

Osoby, które zarządzają stronami internetowymi, tzn. np. dodają aktualności, nowe produkty do sklepu internetowego, aktualizują galerie na stronach firmowych, popełniają często istotny błąd, który negatywnie wpływa na doświadczenia użytkownika z korzystania z takiej strony.

Tym błędem jest publikowanie na stronie zdjęć bezpośrednio pobranych z aparatu lub telefonu. Zdjęcia takie zwykle ważą bardzo dużo – nawet kilka megabajtów, mają też wymiary rzędu 4000×3000 pikseli, co na ekrany monitora (typowy laptop ma rozdzielczość 1366×768 pikseli) jest kilka razy za duże. Nie dość, że takie zdjęcie długo się ładuje, to jeszcze (w zależności od sposobu wyświetlania galerii na stronie) jest albo przeskalowane by wypełnić cały ekran, czyli jego wielkość zupełnie nie jest wykorzystywana, albo musimy je przesuwać na boki i w dół, aby obejrzeć kolejne jego fragmenty.

W efekcie przeglądając galerię, która składa się z kilkunastu takich zdjęć – szczególnie na słabszym internecie mobilnym, gdy na załadowanie każdego zdjęcia trzeba długo czekać – użytkownik najprawdopodobniej opuści stronę przy 2-3 zdjęciu, a my tracimy potencjalnego klienta.

Podstawy zdobywania klientów przez internet Kurs audio

Jak przyspieszyć ładowanie zdjęć na stronie?

  • Po pierwsze – Jeśli zdjęcia otrzymujemy od fotografa – prośmy go o dodatkową paczkę z plikami dostosowanymi do strony www, tzn. tak by waga zdjęcia nie przekraczała 200-300kb – generalnie im mniej tym lepiej – warto znaleźć kompromis między wagą zdjęcia a czytelnością.
  • Po drugie – Jeśli zdjęcia dodajemy na stronę bardzo często i wykonujemy je samodzielnie oraz mamy możliwość ustawić w aparacie docelową wielkość pliku – ustawmy ją np. na wielkość zbliżoną do typowej rozdzielczości monitora laptopa. Wówczas już zdjęcia pobrane z aparatu będą lepiej zoptymalizowane do wyświetlania na stronie, choć nie będzie to jeszcze rozwiązanie idealne.
  • Po trzecie – jeśli mamy odrobinę czasu i chęci – powinniśmy ręcznie dostosowywać wielkość zdjęć przed wrzuceniem na stronę. Najlepiej jest zrobić to w programie graficznym typu Photoshop, jednak jeśli nie mamy możliwości z niego skorzystać, możemy wykorzystać darmowe narzędzia online do zmniejszania wielkości obrazków. Wiele takich narzędzi znajdziesz w Google wpisując hasło np. image resize. W filmie pokazuję na praktycznym przykładzie jak zmienić zdjęcie z wykorzystaniem narzędzia zmniejszacz.pl.

Co jeszcze warto wiedzieć na temat dodawania zdjęć na stronę internetową

Poza informacjami na temat wagi i rozmiaru zdjęć mam jeszcze kilka wskazówek odnośnie ich dodawania – warto nadawać zdjęciom indywidualne nazwy i zawierać w tych nazwach to, co dane zdjęcie przedstawia. Z punktu widzenia wyszukiwarki Google jesteśmy wtedy postrzegani lepiej, niż gdyby zdjęcie nazywało się np. IMG_1200.jpg. Często wyniki wyszukiwania pokazują sekcję ze zdjęciami i poprawne nazywanie zdjęć zwiększa nasze szanse na pojawienie się w tej sekcji. Dodatkowo w nazwie nie powinny być używane wielkie litery, polskie znaki oraz spacje – te możemy zastąpić myślnikami.

Sprawdź też te materiały:

Jeśli chodzi o rozszerzenie pliku to w przypadku galerii zdjęć na strony www najlepiej jest dodawać pliki z rozszerzeniem JPG. Inne rozszerzenia, takie jak bmp, tif, gif czy png – w tym wypadku lepiej sobie darować.

Mam nadzieję, że ten filmik był dla Ciebie przydatny i dzięki temu galerie na Twojej stronie będą lepiej zoptymalizowane. A jeśli dopiero planujesz założenie strony czy sklepu, to koniecznie zapoznaj się z moją ofertą tworzenia stron www i tworzenia sklepów internetowych.

Jeśli chcesz otrzymywać powiadomienia o nowych filmach zasubskrybuj mój kanał na YouTube oraz zapisz się na mój newsletter. Jeśli potrzebujesz strony internetowej, sklepu internetowego lub innej usługi którą mam ofercie – skontaktuj się ze mną.

Do zobaczenia w kolejnym filmie!

Masz pytania na ten lub inny temat?

Skontaktuj się

Zobacz także

Tania strona internetowa? Uważaj na te rzeczy.

Kategorie: Strony internetowe

„Kupiłam tanią stronę internetową i wykonawca zapadł się pod ziemię po opłaceniu faktury”. To tylko jeden z możliwych negatywnych...

Czytaj więcej

Ile kosztuje strona internetowa? Kalkulator wyceny online

Kategorie: Strony internetowe

 Cześć, w tym filmie chciałbym pokazać Ci co zrobiłem, aby klient który jest potencjalnie zainteresowany moimi usługami, mógł...

Czytaj więcej

Nowoczesna strona internetowa – jaka powinna być?

Kategorie: Strony internetowe

Strona internetowa to narzędzie, bez którego obecnie nie może obyć się prawdopodobnie żadna działalność komercyjna ani publiczna. Także osoby...

Czytaj więcej

Strona typu one page, single page – co to jest?

Kategorie: Strony internetowe

Jeżeli interesuje Cię odpowiedź na pytanie co to jest strona internetowa, czy też aplikacja typu one page lub single page,...

Czytaj więcej

Strona internetowa WordPress. Wady i zalety. Czy to dobre rozwiązanie dla Ciebie?

Kategorie: Strony internetowe

Strona internetowa WordPress to jedna z najpopularniejszych opcji dla firm każdej wielkości, od małych przedsiębiorstw po duże korporacje. Dzięki...

Czytaj więcej
strony www olsztyn

Rozważasz współpracę ze mną?

Sprawdź, dlaczego warto.

Bezpośredni kontakt
Rozwiń informację
Współpracowałeś kiedyś z agencją i wiesz jak ciężko się komunikować z supportem? U mnie jest inaczej. Wykonuję osobiście większość prac i kontaktujesz się tylko ze mną.
Działania, które przynoszą efekty
Rozwiń informację
Przez lata testowałem (i nadal to robię) różne rozwiązania by skupić się na tych, które po prostu działają.
Szybkie terminy realizacji
Rozwiń informację
Większość zleceń wykonuję przed zadeklarowanym terminem. Nie obiecuję gruszek na wierzbie!
Transparentność
Rozwiń informację
Przekazuję wszelkie dostępy do stron internetowych, kont reklamowych, analityki. Rozliczenia ze mną są klarowne, każda oferta opisana jest w sposób, z którego jasno wynika podział mojego wynagrodzenia oraz opcji dodatkowych (jak płatne wtyczki do stron internetowych, czy budżety reklamowe w kampaniach marketingowych).
Jakość agencji w cenie freelancera
Rozwiń informację
Wąska specjalizacja w konkretnych rozwiązaniach internetowych (tworzenie stron i sklepów internetowych WordPress, marketing online w ekosystemie Google, marketing wideo w internecie) pozwala realizować skuteczne usługi niższym kosztem niż duże firmy.
Ciągły rozwój
Rozwiń informację
Od 2010 roku, kiedy wykonałem pierwsza stronę internetową, stale podnoszę kwalifikacje w obszarach swojej specjalizacji poprzez najróżniejsze kursy, szkolenia, grupy branżowe, itd.
Darmowa dawka wiedzy
Rozwiń informację
Dzielę się wiedzą, doświadczeniem i przydatnymi wskazówkami na blogu i kanale YouTube za darmo - sprawdź i subskrybuj kanał oraz newsletter. Zobacz także kurs płatny - wykład mp3 na temat podstawowych form zdobywania klientów przez internet.
Certyfikowany ekspert
Rozwiń informację
Moja wiedza z zakresu prowadzenia kampanii reklamowych potwierdzona jest certyfikatami Google Ads z różnych kategorii oraz statusem Google Partner.
Bogate doświadczenie
Rozwiń informację
Współpracowałem łącznie z kilkoma setkami firm i osób prywatnych, organizacjami małymi i dużymi, ministerstwami, związkami sportowymi, firmami zagranicznymi, itd.
Wszystko w jednym miejscu
Rozwiń informację
Od budowy strony internetowej, przez skuteczne formy marketingu po analitykę i optymalizację działań - wszystko u jednego, solidnego dostawcy.
Sztuczna inteligencja
Rozwiń informację
Blisko 15-letnie doświadczenie w branży internetowej łączę z najnowszymi osiągnięciami sztucznej inteligencji, by dostarczać usługi na najwyższym poziomie.

Skontaktuj się

 

newsletter

Zapisz się na mój newsletter i odbierz ebook
„10 cech skutecznej strony internetowej”.

Odbiorcy mojego newslettera otrzymują cyklicznie darmowe poradniki, ciekawostki, ostrzeżenia przez oszustwami oraz nowości z branży internetowej.

Poznaj opinie moich Klientów

referencje Artur Kosiński 2

Z przyjemnością rekomenduję firmę Pana Artura jako bardzo profesjonalnego dostawcę rozwiązań internetowych opartych na WordPress. Rozpoczęliśmy od prostych stron typu landing page. Byliśmy tak bardzo zadowoleni z każdego kolejnego projektu, że zdecydowaliśmy się współpracować gdziekolwiek jest to możliwe, m.in. przy optymalizacji, utrzymaniu, projektowaniu, itd.

Filip, crescendoapp.com
referencje artur kosinski

Z firmą Pana Artura prowadzimy stałą współpracę przy promocji naszych gabinetów kosmetycznych. Od czasu rozpoczęcia współpracy widzimy znaczny wzrost ilości nowych klientów. Polecam wszystkim firmom, które chcą rozwinąć skrzydła.

Kasia, chimera.olsztyn.pl
referencje Artur Kosiński 1

Współpraca między naszymi firmami rozpoczęła się w 2015 roku, trwa do dzisiaj i odbywa się online. Zakres współpracy obejmuje tworzenie wielu stron www, pozycjonowanie strony i projekty graficzne. Wszystkie usługi były realizowane terminowo i cechowały się wysoką jakością.

Steve, treatmed.pl
referencje-miejskie-ziele

Pan Artur nigdy nie użył słów “nie da się”, sam zaproponował najbardziej optymalne rozwiązania i możliwości. Współpracując miałam poczucie pełnego wsparcia i bezpieczeństwa.

Małgorzata, miejskieziele.pl

Masz pytania? Skontaktuj się ze mną.

Przejdź do kontaktu

Luźniejsze treści

Blisko 15-letnie doświadczenie w branży internetowej łączę z najnowszymi osiągnięciami sztucznej inteligencji, by dostarczać usługi na najwyższym poziomie.

Zamknij okno

Zapisz się na mój newsletter i otrzymuj więcej darmowych materiałów.

Dostępność WCAG