Jeśli obecnie pracujesz nad nowym projektem, a nawet przeprojektowaniem strony docelowej, to jednym z obszarów projektu, którego nie należy ignorować, jest sekcja stopki lub stopki.
Pragnienie opracowania prawie idealnego często prowadzi do złożoności całego procesu. Prace nad projektem mogą uchwycić tyle, że szybko zapominasz o niektórych ważnych, ale niewykorzystanych częściach strony.
Słyszymy już, jak mówisz: „Ale kogo to obchodzi? W każdym razie bardzo niewiele osób przewija się do końca. ” Ale nie bylibyśmy tego tak pewni.
Oczywiście pierwszeństwo należy przyznać sekcji nagłówka i projektowi nad linią składania (Above The Fold), ponieważ to użytkownicy spędzają większość czasu. Jednak dolna część strony, w szczególności stopka strony docelowej, również zasługuje na uwagę.
W bardzo ciekawym studium przypadku Chartbeat, firma zajmująca się analizą treści witryny, stwierdziła, że \u200b\u200b65% zaangażowania na ich stronach występuje tuż poniżej linii Bend (Below The Fold).
Więc ludzie wciąż przewijają się! A jeśli nie zoptymalizujesz dolnej połowy strony docelowej, w tym stopki, możesz przegapić unikalne funkcje, takie jak:
- Dostarczenie dodatkowych ważnych informacji o Twojej marce i produkcie.
- Poprawa komfortu użytkownika i nawigacji.
- Zwiększone współczynniki konwersji.
Dla użytkowników, którzy chcą spędzić trochę więcej czasu na stronie docelowej i przewijać całą stronę w celu znalezienia potrzebnych informacji, dobrze zaprojektowany obszar stopki ma znaczenie.
W tym poście ujawnimy wszystkie szczegóły dotyczące tworzenia i używania stopek, niezależnie od rodzaju witryny. Zacznijmy od samego początku.
Co to jest stopka?
Stopka (stopka) - jest to dół strony lub strony docelowej. Występują we wszystkich kształtach i rozmiarach. Niektóre witryny mają małe strefy stopek, podczas gdy inne, wręcz przeciwnie, są bardzo duże, w tym kilka kolumn i stopek. Niektóre witryny w ogóle nie mają stopki, podczas gdy inne mają specjalną funkcję o nazwie (Nieskończone przewijanie). Oznacza to, że nie ma stopki na dole strony, nie ma końca strony jako takiej. Dzisiaj nie zajmiemy się tym tematem.
Z reguły w stopkach, w informacjach kontaktowych, oknie wyszukiwania i linkach nawigacyjnych do ważnych stron umieszczane są ikony profilu sieci społecznościowej. Stopka może być również wykorzystana do podania innych istotnych informacji biznesowych, na przykład takich jak misja firmy, informacje o lokalizacji biura (mapa), statystyki strony internetowej, dowód społeczny, formularz subskrypcji biuletynu e-mail, dane rejestracyjne lub dane logowania na konto, inne typy (wezwanie do działania, wezwanie do działania) itp.
Dlaczego musisz zrobić projekt stopki
Obecność stopki nie jest bezwzględnie wymagana, ale jej brak może powodować niezadowolenie i rozczarowanie wśród odwiedzających próbujących znaleźć określone informacje o produkcie lub firmie.
Sekcja stopki jest idealna do publikowania informacji o prawach autorskich oraz linków do kontaktów, warunków i procedur zamawiania, polityki prywatności, powiadomień o plikach cookie itp. Szczególnie popularne jest umieszczanie linków do grup w sieciach społecznościowych - większość ludzi już spodziewa się, że znajdzie stopkę.
Udowodniono, że oprócz poprawy przepływu nawigacji w witrynie (przepływu nawigacyjnego), a także wygody użytkownika, strategiczny projekt stopki wpływa na konwersje.
Przykłady pięknych stopek
Spójrzmy na kilka przykładów stopek, które mogą zainspirować Cię do twoich własnych pomysłów.
Strona docelowa sprzedająca oczyszczacz powietrza marki Bork A803 AirEngine ma atrakcyjną stopkę, która zawiera łącza nawigacyjne (są ozdobione w dwóch różnych stylach: w postaci klikalnych zdjęć i kolumn), formularz subskrypcji biuletynu i ikony mediów społecznościowych.
Strona iluzjonisty Igora Zavyalova również wygląda bardzo ładnie. Projekt składa się z informacji kontaktowych, linków do profili społecznościowych i prostej, ładnej formy do komunikacji.
Przed stopą lądowania Bitrix24 znajduje się sekcja „wcześniejsza”, mająca na celu konwersję (potencjalny klient jest proszony o pozostawienie kontaktów w celu komunikacji z menedżerami). Poniżej znajduje się główny obszar stopki z mapą, linkami nawigacyjnymi, linkiem konwersji oddzwaniania i numerem telefonu.
Strona internetowa strip-lenta.com ma oryginalną stopkę z kopertą, na której znajdują się kontakty i formularz kontaktowy:
Stopka poprzedzona jest strefą wstępną z dowodem społecznościowym - logo znanych klientów:
Ale nie ograniczali się do tego! Istnieje również strefa post-foot, obejmująca akcję konwersji:
Na koniec spójrzmy na nietypowe zakończenie strony docelowej Alfa-Bank, stworzonej do rekrutacji personelu. Sama strona jest wykonana tak, że podczas przewijania obserwujemy modyfikację poszukiwacza bohatera: porusza się, zmienia ubrania, staje się bardziej pewny siebie i odnosi sukcesy. Na końcu strony stoi ze znakiem, klikając, aby przejść do strony z aktualnymi wakatami. W stopce nie ma nic więcej, ale z drugiej strony główną funkcją lądowania jest konwersja - konwersja w formie przejścia w celu zapoznania się z informacjami, a następnie wysłania CV.
Cóż, myślimy wystarczająco dużo z jedzeniem o inspiracji. Spójrzmy teraz na 16 punktów, których nie należy przeoczyć podczas projektowania stopki.
Podstawowe elementy stopki
1. Informacje o prawach autorskich. Niech pozbawieni skrupułów osoby odwiedzające Twoją stronę docelową zrozumieją, że jej treść jest chroniona prawem autorskim i że plagiat będzie miał konsekwencje. Stopka jest idealnym miejscem na takie informacje.
2. Informacje kontaktowe. Jak już wspomniano, wiele osób przewija stronę w poszukiwaniu kontaktów (telefon, adres, e-mail). Bardzo ważne jest, aby dodać je do stopki, szczególnie jeśli zdecydujesz się nie włączać ich do nagłówka.
Wskazówka. Umieszczając telefon w stopce, aby był klikalny, uprości to proces komunikowania się użytkownika z firmą bezpośrednio podczas ładowania strony docelowej w tych przypadkach, gdy używa on smartfona.
3. Polityka prywatności. Przepisy dotyczące prywatności w Internecie stają się coraz bardziej rygorystyczne, dlatego też link do takiej strony jest bardzo ważny.
4. Warunki usługi. Świadcząc usługi lub sprzedając towary za pośrednictwem strony docelowej, nie chcesz, aby Twoi klienci byli zdezorientowani niuansami prowadzenia interesów z Tobą. Upewnij się, że link do strony z warunkami usługi jest wyraźnie widoczny w stopce.
5. Informacje zwrotne / informacje zwrotne. Część opcjonalna, ale jeśli masz oddzielną stronę poświęconą temu, przydatne będzie zamieszczenie tutaj linku do niej.
6. Mapa. Jeśli strona docelowa jest wizytówką do publikowania informacji o firmie, której główna działalność jest offline (powiedzmy, że prowadzisz pensjonat, restaurację lub miejsce wydarzeń), pamiętaj o dodaniu danych stopki do stopki. Może to być zwykły tekst z adresem lub lokalna integracja z Yandex Maps, Google Maps lub 2GIS.
Oto jak dodać mapę do strony docelowej za pomocą projektanta sekcji w:
Opcjonalne elementy stopki
Teraz spójrzmy na inne, mniej znaczące, elementy stopki.
8. Dowód społecznościowy i ikony w profilach w sieciach społecznościowych. Jeśli chcesz pokazać swój wpływ na sieci społecznościowe lub zachęcić ludzi do subskrybowania twoich priorytetowych kont, rozważ dodanie tych ikon. Wyświetlając liczbę subskrybentów dla każdego profilu, utworzysz dowód społecznościowy.
9. Mapa witryny (SiteMap) pomaga wyszukiwarkom lepiej zrozumieć strukturę witryny i treści. Wiele stron umieszcza w stopce link do SiteMap obok informacji o prawach autorskich.
11. Prosty formularz wprowadzania wiadomości e-mail to świetny sposób na zwiększenie liczby konwersji. Ewentualnie, jeśli w stopce nie ma miejsca na formularz rejestracyjny, sugerujemy umieszczenie przycisku CTA lub linku do strony głównej, na której planujesz generować potencjalnych klientów.
12. Formularz kontaktowy do wysyłania wiadomości. Odpowiedni w przypadku, gdy nie chcesz publikować kontaktów w stopce, w szczególności adresu e-mail. Dodanie takiego formularza może zmniejszyć ryzyko otrzymywania spamu, a także pomaga użytkownikom w łatwym kontakcie z tobą z niemal każdej strony w Twojej witrynie. Pamiętaj jednak, że ten element może zajmować znacznie mniej miejsca.
13. Deklaracja misji. Jeśli chcesz pokazać odwiedzającym, czego przestrzega Twoja marka, jakie są Twoje cele i aspiracje, zastanów się nad dodaniem skróconej wersji swojej misji do stopki. Jeśli trudno jest zrobić pojemną wiadomość, dołącz link do specjalnej strony.
14. Wymień najnowsze posty na blogu. Możesz tu dodać kanał z najnowszymi wpisami na blogu. Jeszcze bardziej skuteczną strategią jest wyświetlanie tylko najlepszych, najpopularniejszych postów na blogu. Cztery lub pięć linków będzie więcej niż wystarczające.
15. „About Me” / „Biography”. Jeśli chodzi o osobistą stronę internetową lub blog, możesz również dodać krótką biografię o sobie, w tym zdjęcie - doda to do strony żywego, „ludzkiego” elementu. Dodanie linku do strony O mnie (O nas) da odwiedzającym możliwość dowiedzenia się o Tobie więcej.
16. Linki konwersji lub wezwania do działania. Czy masz strony produktów, sekcje bestsellerów lub strony stowarzyszone, które musisz promować? Co powiesz na osadzanie linków do nich w tekście zakotwiczenia (Tekst zakotwiczenia) stopki?
Czego nie należy dodawać do stopki
Oto kilka rzeczy, których należy unikać:
- Liczniki wyświetleń strony i widżety wyświetlające statystyki ruchu.
- Bezpośrednie linki partnerskie.
- Wbudowane kanały społecznościowe.
- Reklamy.
Jakich narzędzi użyć podczas pracy nad projektem?
To zależy od platformy, na której działa Twoja strona. Na przykład dla użytkowników LPgeneratora istnieje wiele gotowych układów i darmowych szablonów stron docelowych wysokiej jakości, które możesz dostosować dla siebie:
To wszystko!
Mamy nadzieję, że ten post był dla Ciebie pomocny. Chcemy również zachęcić Cię do przemyślenia sposobu korzystania z sekcji stopki. Niezależnie od celów konwersji, po prostu dużo eksperymentuj, a zobaczysz, co działa, a co nie.
Zacznij od kilku podstawowych elementów i tego, co Twoim zdaniem poprawi nawigację i wygodę użytkownika.
Jeśli podejrzewasz, że ludzie nie przewijają do stopki, skonfiguruj mapy cieplne i mapy przewijania, aby się upewnić.
Bez względu na to, co zdecydujesz się zrobić, nie pozwól stopce „ugiąć się”. Czas odpowiedzieć na następujące pytania:
- Czy na twojej stronie lub blogu jest stopka?
- Czy używasz go maksymalnie?
- Co jest teraz w stopce? Jak można to poprawić?
Jeśli buty są ostatnim elementem każdego stroju, to stopka na stronie e-Commerce jest ostatnim elementem sprzedaży. Zwracając uwagę na najniższy element „piwnicy”, nowoczesne strony internetowe są gotowe do pokazania swojej indywidualności na wszystkie sposoby. W konkurencyjnym środowisku e-commerce jest wystarczająco dużo oryginalnych pomysłów, kreatywności i trendów projektowych. Zanim urozmaicisz stopkę witryny e-komercyjnej, warto rozważyć ważne punkty. Co umieścić na pierwszym miejscu i jak najlepiej to zrobić? Przegląd inspirujących wzorów stopek ma interesujące opcje.
Czytaj także: 13 trendów marketingowych w e-commerce 2019
Ciekawe statystyki firmy Chartbeat. Badanie zachowania 25 milionów użytkowników wykazało, jak głęboko przeglądają strony. Okazuje się, że uwagę użytkownika zwraca uwagę na przestrzeń poniżej linii zagięcia. Uzyskując bardziej praktyczne informacje, użytkownicy spędzają najdłużej w obszarze 1200 pikseli od góry strony (średnio 700 pikseli w pionie w kierunku ekranu w przeglądarce) lub za drugim ekranem.
Czas wyświetlania (w sekundach) / Odległość od góry strony (piksele)
Duża luka w czasie oglądania pierwszego i drugiego ekranu. TOP trwa 4 sekundy, czas trwania osiąga maksimum (16 sekund) przy 1200 pikselach od góry, a przy dalszym przewijaniu powoli się zmniejsza.
Udział odwiedzających (%) / Odległość od góry strony (piksele)
Znaczna część odwiedzających (ponad 25%) nawet nie czeka na załadowanie treści i zaczyna przewijać stronę. Tak więc tylko 75% zobaczy najpierw górę. Najczęściej oglądany obszar strony to 550 pikseli (tuż nad linią składania).
Badanie obala mit, że użytkownicy nie przewijają się do dołu i nie widzą całej zawartości. Stopka jest również ważna dla nowoczesnej witryny eCommerce, ma nawet swoje zalety.
Pomysły na zaprojektowanie „piwnicy” (stopka), przykłady sprzedaży wzorów
Te 10 wskazówek powie Ci, jak pięknie zaprojektować stopkę dla witryny - zgodnie z zasadami kompozycji w projektowaniu stron internetowych oraz z rozdzielczością priorytetowych zadań. Użyj najbardziej odpowiedniej taktyki, aby poprawić użyteczność, UX (wrażenia użytkownika), a nawet zwiększyć sprzedaż.
1. Wymagane informacje
Tradycyjnie stopka witryny podkreśla wymagane kwestie organizacyjne i prawne. Powiadomienia są rysowane w mniej zauważalnym tekście, co uwalnia inne obszary stron na bardziej znaczące elementy. Oto przykładowa lista do rozważenia:
- Znaki autorskie
- Zastrzeżenia prawne
- Informacje rozliczeniowe
- Informacja o plikach cookie
Strona internetowa sprzedająca towary musi spełniać wymogi prawne i zawierać informacje na temat procedury i warunków zwrotu. Jego lokalizacja w stopce jest dogodna zarówno dla sprzedawców, jak i odwiedzających.
Przykład stopki: Yves Rocher
Sklep internetowy marki Yves Rocher: stopka pełnoekranowa z ładnym designem z naprzemiennych warstw. Informuje o firmie, infrastrukturze witryny sprzedaży - od śledzenia zamówień po politykę danych osobowych. Oto wskazówki dotyczące korzystania z produktu, bonusów, promocji
Przykład stopki: Lumity
Dystrybutorom dodatków do żywności powierzono zwiększoną jur. odpowiedzialność. Jest wiele rzeczy, które powinni / nie powinni powiedzieć na swojej stronie sprzedaży. Linki do informacji prawnych są pogrubione, aby zapewnić lepszą widoczność.
Stopka z pięknym obrazem tła bardzo organicznie wpasowuje się w ogólny wygląd strony. Nie ma wyraźnej granicy, a separatorem jest sama treść
Przykład stopki: Saddleback Leather Co
Sprzedaż strony internetowej z pięknym retro wzorem czapki i stopki. 100-letnia gwarancja na wady materiałowe i wykończeniowe. Warunki powrotu towarzyszą ciekawym historiom ... okazuje się, że nie wszystko jest tak smutne, że potrzebne są informacje o e-handlu
2. Przestrzeń ujemna - wystarczająca odległość widzenia
Ograniczenie liczby linków stopki nie skąpi na negatywnej przestrzeni - będzie to miało niesamowity wpływ na percepcję wizualną i poprawi czytelność. Ogólna zasada: jeśli przestrzegasz hierarchii wizualnej, centralne elementy są zauważane szybciej (mogą być wykorzystane do zysku!).
Przykład stopki: QUAY AUSTRALIA
Dzięki minimalistycznemu stylowi i stałemu menu rozwijanemu sklep internetowy może pozwolić sobie na przestronną stopkę
Przykład stopki: Incase
O dużej ilości mikro-ujemnej przestrzeni (między małymi elementami) możemy powiedzieć: chociaż wszystkie niezbędne informacje są obecne, są czytelne i szybko dostrzegalne - wszystko jest w porządku
Przykład stopki: palacze kawy Stumptown
Przestronna stopka witryny z kawą jest doskonałym uzupełnieniem kompozycji o czystym designie, w której jest dużo przestrzeni makro-ujemnej („powietrze” między sekcjami / sekcjami)
3. Ostatnie wezwanie do działania
Czytaj także: Ponad 30 przykładów i pomysłów na przyciski akcji docelowych
Stylowy wygląd stopki wymownie mówi o samym zasobie. Ważne jest, aby pamiętać: kupujący pozostaje tutaj nieco dłużej niż na pozostałej stronie. Wygodny futerał na kolejne, ostateczne wezwanie do działania. Często jest to lista subskrypcyjna / mailingowa, ale połączenie CTA można powiązać z rejestracją konta.
Przykład stopki: Greetabl
Greetabl ma skromnie zaprojektowany dół strony, w tym wezwanie do subskrypcji. Przy minimalnej liczbie elementów urok staje się zauważalny, a harmonijnie z turkusowym tłem zamienia się w dekorację witryny
Przykład stopki: Ecwid
Przyjemny design z wezwaniami do działania na dole stron. Struktura projektanta witryn sprzedaży jest uniwersalna. Został przetłumaczony na 35 języków dla milionów klientów
4. Pływający koszyk - zwiększenie dostępności funkcjonalności sprzedaży
Dostęp do koszyka z dołu strony to świetny sposób na poprawę użyteczności i walorów marketingowych witryny.
Przykład stopki: Lemonadela
Strona sprzedaży firmy cateringowej ma przyjemny wygląd i jest wygodna dla kupującego
5. Nawigacja w stopce
Dolna część strony jest idealna dla informacji, które nie są często przeglądane: o firmie, warunkach świadczenia usług i polityce prywatności. W takim przypadku funkcją stopki jest uratowanie wszystkich. Czując się zagubionym w środowisku eCommerce, ktoś zaczyna interesować się infrastrukturą sklepu elektronicznego, instynktownie przewijając dalej ...
Ujemne miejsce jest konieczne dla czytelności treści. Zasadniczo „piwnica” nie służy do nawigacji, w przeciwieństwie do menu lub mapy witryny. Tylko w rzadkich przypadkach witryny handlu elektronicznego umieszczają w stopce określone kategorie towarów (
Witajcie drodzy czytelnicy blogów. Dzisiaj chcę z tobą porozmawiać o tym, co powinno być stopą we współczesnym projektowaniu stron internetowych. Przyjrzymy się również kilku przykładom i uzyskamy świetne wskazówki dotyczące użytkowania. :-)
Jeśli już zauważyłeś, że w ciągu ostatnich kilku lat coraz więcej stopek wydaje się coraz większych. Które z kolei zapewniają najlepszą nawigację i korzystanie ze strony. Oczywiście poprawniejsze byłoby uczynienie stopki nie tylko pięknym, ale także wygodniejszym i funkcjonalnym. Innymi słowy, wszystko zależy od projektanta.
Cóż, teraz spójrzmy na kilka praktycznych i pięknych przykładów:
Bardzo wygodna i pełna nawigacja strony.
Jak wiecie, na prawie wszystkich stronach można znaleźć właśnie taką stronę „Mapa witryny”. To jest przestarzała opcja nawigacji. I dlaczego nie zrobić bardziej skompresowanej mapy w stopce witryny, moim zdaniem jest to bardzo wygodne i nie musisz szukać różnego rodzaju stron z pełną nawigacją.
W pełni funkcjonalna nawigacja może zawierać ponad 50 linków na stronie, co z kolei ma bardzo dobry wpływ na:
SEO. Taka nawigacja znacznie ułatwi korzystanie z witryny robotom wyszukującym, a także użytkownikom.
Ulepszona nawigacja. Ułatwia to przeglądanie stron witryny, ponieważ mogą one zignorować te strony lub po prostu ich nie zobaczyć. To z kolei zmniejsza wskaźnik awaryjności.
Właściciele witryn często nie zwracają uwagi na stopkę, myśląc, że nie ma ona wartości: jest na samym dole, dlatego nie jest interesujący dla użytkowników. Ale tak nie jest. Odpowiednio zaprojektowana piwnica z przemyślanym projektem, kompetentną strukturą i niezbędną zawartością przyciągnie uwagę użytkownika, zatrzyma go na stronie i koordynuje dalsze działania. Dlatego skuteczność dobrze zaprojektowanej piwnicy jest niezaprzeczalna.
W tym artykule opowiemy szczegółowo co to jest - stopka strony, jakie jest jego znaczenie i jakie powinno być, aby pracować dla Twojej firmy.
Co to jest stopka, jak ważne i dlaczego
Stopka (stopka, stopka) witryny to dolna część strony, na której wyświetlane są przydatne, ale nie najważniejsze informacje. Mogą to być absolutnie wszelkie informacje, które mogą zainteresować odbiorców docelowych, a także informacje, które powinny znajdować się na stronie, ale umieszczenie ich w menu głównym w celu zachowania jej zwartości i spójności nie jest racjonalne.
Dobrze zoptymalizowana stopka ułatwi nawigację w witrynie i pomoże osiągnąć cele biznesowe, ponieważ jest to dodatkowe źródło ważnych informacji dla użytkownika, jeśli nie znalazł go na stronie.
Główne zalety dolnej części strony
Stopka może zawierać absolutnie wszelkie informacje, które mogą być interesujące dla użytkownika: od danych kontaktowych po linki do stron z dodatkowymi usługami firmy. Te elementy przynoszą szereg korzyści biznesowych.
Nacisk na ważne
Należy tylko wyczarować projekt piwnicy, ponieważ stanie się ona głównym naciskiem na przydatne informacje. Za pomocą stopki możesz bardziej szczegółowo poinformować swojego klienta o firmie i jej działaniach, zaoferować subskrypcję biuletynu lub przekazać informacje partnerom za pomocą aktywnego linku do odpowiednich stron. Piwnica upraszcza nawigację dla użytkownika, jeśli musi przejść do dowolnej sekcji witryny. Aby to zrobić, wystarczy wybrać odpowiedni link na końcu strony, bez przewijania całej strony w górę. Dlatego próżno jest myśleć, że dół strony jest bezużyteczny. Na pewno znajdzie swojego użytkownika, przyciągnie uwagę i pozostanie na stronie.
Wzrost liczby potencjalnych klientów
Maksymalnie przydatne i ważne informacje.
Wszystkie przydatne informacje, które nie mieszczą się w menu lub nie są odpowiednie ze względu na swoją specyfikę, można umieścić w stopce. Ujawnij informacje prawne swojemu użytkownikowi, pozyskaj sponsorów i partnerów, zapewnij przydatne linki pracownikom firmy. Uwierz mi, takie informacje nie zostaną przeoczone.
Nawigacja strony
Jeśli użytkownik odszedł daleko od nagłówka (czapki strony) i zbliża się do stopki, nie znalazł jeszcze tego, co jest dla niego interesujące i ważne. Wszystko jest w twoich rękach. Umieszczenie linków nawigacyjnych ułatwi potencjalnemu klientowi znalezienie potrzebnych mu informacji i wydłuży czas korzystania z witryny.
Przechwytywanie maksymalnej uwagi
Piwnica do ostatniego przyciąga uwagę odwiedzającego stronę, trzymając ją. Podobnie jak ostatni akord, daje użytkownikowi kolejną szansę na uzyskanie cennych informacji. Aby to zadziałało, wystarczy poprawnie narysować dół strony. Jak to zrobić - powiemy później.
Co powinno znajdować się w stopce strony?
Wypełnienie i konstrukcja stopki piwnicy witryny są ściśle powiązane. Konstrukcja całego bloku zależy od tego, co zostanie umieszczone w tej części. Elementy treści zależą od działalności firmy i cech odbiorców docelowych. Wymienimy większość elementów, które można umieścić na dole strony. Musisz tylko wybrać najbardziej odpowiedni w konkretnym przypadku, w zależności od prowadzonej działalności.
prawa autorskie
Prostym sposobem ochrony treści przed kradzieżą jest roszczenie o prawa autorskie. Oznacza to, że za kradzież jakiejkolwiek treści lub pomysłu / projektu strony internetowej, ten, kto to zrobił, może zostać pociągnięty do odpowiedzialności. W rzeczywistości wszystko jest zupełnie inne, ponieważ próby kradzieży treści mogą być nadal podejmowane.
Każdego roku liczba informacji o prawach autorskich musi być aktualizowana. Można to zrobić na dwa sposoby: ręcznie lub automatycznie za pomocą prostego skryptu w kodzie.
Nagrody i certyfikaty
Wszelkie informacje o certyfikatach, nagrodach i osiągnięciach stają się potężnym dowodem społecznym, który zwiększa zaufanie użytkowników do firmy. Dlatego jeśli Twoja firma ma jakieś zalety, koniecznie opowiedz o nich w piwnicy. Dodatkową zaletą będzie fakt, że ponieważ piwnica jest wyświetlana na każdej stronie, informacje o twoich nagrodach z pewnością zostaną zauważone. Jeśli Twoja firma nie ma żadnych certyfikatów ani nagród, ale jesteś partnerem Google, Samsung, Asus lub innej dużej i prestiżowej firmy, pamiętaj o zaznaczeniu tego w stopce.
mapa strony
Mapa witryny w stopce to lista stron w Twojej witrynie, które pomogą stronom indeksującym wyszukiwarki. Lub mapa może pojawić się w postaci adresów URL, których wyszukiwarka wcześniej nie wykrywała podczas skanowania witryny.
Stopka pomoże zindeksować absolutnie wszystkie strony witryny za pomocą mapy witryny, co jest bardzo dobre dla jej promocji.
Polityka prywatności / Warunki użytkowania
Często w piwnicy witryny umieszczane są informacje o polityce prywatności. Wskazuje, w jaki sposób informacje są gromadzone, przechowywane i jak można je wykorzystać. W przypadku niektórych witryn publikowanie informacji o polityce prywatności jest obowiązkowe, na podstawie odpowiednich przepisów.
Link do strony z warunkami użytkowania jest wymagany, jeśli strona zawiera treści zabronione dla nieletnich. Na przykład, jeśli witryna sprzedaje alkohol lub tytoń. Przechodząc do strony warunków użytkowania, konsument będzie musiał się z nimi zapoznać i potwierdzić, że jest osobą dorosłą. Usuwa to odpowiedzialność właściciela witryny w przypadku, gdy użytkownik nie ukończył 18 lat.
Formularz zwrotny
Nie przegap okazji, aby zatrzymać klienta, zapraszając go do wypełnienia formularza opinii.
Formularz opinii pomoże przekonwertować użytkownika na klienta. Pomaga odwiedzającym podjąć ostateczną decyzję o współpracy, jeśli wcześniej użytkownik nie był pewien, czy jest na to gotowy. Ponadto formularz opinii może zawierać różne wezwania do działania. Na przykład połączenie „Nadal masz pytania? Zapytaj ich do nas ”działa bardzo dobrze. Zwłaszcza, gdy użytkownik nie mógł znaleźć odpowiedzi na swoje pytanie. Umieszczenie formularza informacji zwrotnej w stopce jest dużym i odważnym plusem konwersji strony.
Oczywiście formularz odwołania powinien znajdować się nie tylko w piwnicy, ale także na stronie głównej, aby nie przegapić klienta w chwili, gdy chce wykonać akcję. Przeczytaj, jak powinna wyglądać strona główna witryny.
Kontakty firmy
Z reguły cała sekcja poświęcona jest kontaktom firmy, do której link znajduje się w menu. Ale aby uprościć zarządzanie witryną użytkownika i nie zmuszać go do stronicowania, gdy jest już blisko końca, musisz także umieścić kontakty w piwnicy. Ponadto kontakty należy umieścić w mikro-oznakowaniu, aby wyszukiwarka lepiej rozumiała kontakty firmy.
Oprócz kontaktowych numerów telefonów i wiadomości e-mail, które często są umieszczane w nagłówku, możesz określić fizyczną lokalizację biura lub sklepu offline, a także pełny adres pocztowy, jeśli firma wymaga wymiany listów przy użyciu standardowej poczty.
Przydatne linki do strony
Linki nawigacyjne do stron witryny pomogą odwiedzającemu znaleźć to, co go interesuje, jeśli wcześniej nie znalazł go w menu głównym. Również duplikaty stron „Dostawa”, „Płatność”, „Informacje o firmie” itp. Mogą służyć jako takie linki.
Teraz trendem jest opracowanie stopki głośności, która staje się dodatkowym menu, które zawiera nie tylko linki, ale także krótkie treści. Zazwyczaj takie podejście stosuje się w przypadkach, w których umieszczanie takich treści na stronach jest niepraktyczne ze względu na nacisk na główną propozycję. Na przykład informacje o firmie rzadko są publikowane na stronach sklepu internetowego, ponieważ są mniej interesujące dla użytkownika niż sprzedawane przez niego towary. W takich przypadkach możesz umieścić informacje o firmie w pracy w piwnicy. Ważne jest jednak monitorowanie jego objętości, aby duży fragment tekstu się nie powtarzał i nie tworzył pełnych duplikatów stron w witrynie, ponieważ stopka jest taka sama na wszystkich stronach.
Ikony sieci społecznościowych
Dół strony to świetne miejsce do umieszczania ikon sieci społecznościowych. Tradycyjnie są one umieszczane w tej części strony, aby utrzymać uwagę użytkownika na stronie, uniemożliwiając jej szybsze opuszczanie. Dlatego, jeśli użytkownik jest zainteresowany społecznościami w sieciach społecznościowych, z przyzwyczajenia schodzi, aby wejść do nich dokładnie na końcu strony.
Połącz ze swoim kontem
Nie wszyscy odwiedzający stronę internetową to klienci. Witrynę mogą odwiedzać partnerzy i pracownicy. Dlatego umieszczenie linku do konta w stopce jest doskonałym rozwiązaniem.
Formularz subskrypcji biuletynu
Nie zawsze subskrypcja biuletynu jest podstawowym wymaganiem użytkowników witryny. Może jednak działać jako dodatkowy element zatrzymywania klientów, stale aktualizując je o odpowiednie informacje. W takich przypadkach możesz umieścić formularz subskrypcji w stopce. Pamiętaj, że z pewnością uchwyci wszystkich użytkowników zainteresowanych tym.
Formularz wyszukiwania w witrynie
W przypadku sklepów internetowych i dużych portali logiczne jest umieszczenie formularza wyszukiwania na górze strony w najbardziej widocznym miejscu. Ale w przypadku niektórych witryn nie ma to znaczenia.
Ale tutaj przygotuj się na to, że użytkownicy nie są przyzwyczajeni do szukania formularza wyszukiwania w stopce. Dlatego należy go odizolować i wyróżnić, aby zwrócić na niego uwagę. Jednak podobny element w piwnicy rzadko widuje się na stronach domowych. Najczęściej znajduje się na amerykańskich zasobach.
O firmie
Kluczowe pytania
Stopka to świetne miejsce do umieszczania jednostek linkujących z promowanymi żądaniami stron, aby zwiększyć trafność witryny dla wyszukiwarki.
Ale tutaj nie należy nadużywać liczby kluczowych wpisów - wyszukiwarka Google nie dodaje, zwiększa dla nich skuteczność promocji SEO. Dlatego wystarczy jeden lub dwa klucze, aby słowa kluczowe wyglądały harmonijnie z ogólną treścią.
Najnowsze aktualizacje bloga
Jeśli masz bloga, który przyciąga dodatkową uwagę na Twoją firmę, informacje o zaktualizowanej zawartości mogą być wyświetlane na dole strony. Ale umieszczenie takiego bloku w tej części witryny jest zalecane tylko w przypadkach, gdy blog jest tylko dodatkowym narzędziem i będzie interesował tylko małą grupę docelowych odbiorców.
Na tej samej zasadzie możesz umieścić dowolną informację w podobnym bloku. Na przykład linki do przydatnych artykułów.
Robiąc stopkę, bardzo ważne jest, aby dać użytkownikowi możliwość przewijania do niej. Bardzo często wiele witryn zawiera poważny błąd w zakresie użytkowania - używają ajax (ajax), który podczas przewijania strony stale ładuje zawartość. W rezultacie użytkownik po prostu nie przechodzi do stopki i staje się bezużyteczny. Taka technologia jest skuteczna, ponieważ dana osoba nie musi ponownie ładować stron, aby dowiedzieć się więcej, ale konieczne jest umożliwienie tej osobie samodzielnego decydowania, czy chce dalej oglądać zawartość. Dlatego, wykreślając stopkę i jednocześnie ładując zawartość ajax, wykonaj pobieranie przez kliknięcie, aby konsument mógł dotrzeć do końca strony i znaleźć informacje, którymi jest zainteresowany, bez powrotu strony na górę.
Wezwanie do działania
Współpracujmy! Wyślij do nas e-mail! Zostaw swój numer telefonu, a my oddzwonimy w ciągu 5 minut! Proste, ale chwytliwe wezwanie do działania, w połączeniu z formularzem opinii lub formularzem mailingowym, zlokalizowanym w piwnicy, pomoże zwiększyć konwersję strony. Nie zapominaj, że połączenia powinny być jasne i wyraźne, aby użytkownik nie musiał myśleć o tym, jak podjąć działanie, które mu oferuje.
Mapa
Korzystając z karty stopki, będziesz w stanie zwiększyć zaufanie odwiedzających Twoją firmę. Ponadto znacznie uprościsz życie użytkownikom Map Google, którzy chcą szybko znaleźć lokalizację biura.
Umieść kartę pracy, aby użytkownicy mogli z niej wygodnie korzystać. Nie ma sensu umieszczać mapy Yandex, jeśli strona jest skierowana do ukraińskich użytkowników, ponieważ usługa jest zablokowana dla Ukrainy, a podczas ładowania takiej mapy nastąpi utrata przestrzeni. Który, jak widzisz, nie jest solidny.
To, które elementy lepiej wybrać w stopce, zależy od rodzaju Twojej aktywności, rodzaju witryny, jej projektu, treści i docelowych odbiorców. Analiza zainteresowań Azji Środkowej i kompetentna struktura strony pomogą ci odpowiedzieć na to pytanie.
Czego nie powinno być w stopce?
Pomimo faktu, że piwnica witryny nie jest głównym blokiem strony, na który poświęca się całą uwagę, nie staje się okazją do stworzenia kosza ze stopki. Dlatego pozbądź się niepotrzebnych, niepotrzebnych i bezwartościowych linków, pozostawiając najbardziej przydatne i najważniejsze. Jak zrozumieć, że linki nie są potrzebne? To proste: jeśli nie pasują do logiki Twojej nawigacji lub kategorii, najprawdopodobniej możesz się bez nich obejść.
Nie przesadzaj z optymalizacją stopki SEO. Nie zapominaj, że wyszukiwarka natychmiast zobaczy czarny SEO i za to cię ukarać.
I nie bój się wolnego miejsca. Nadmierna liczba linków zepsuje wrażenie na stronie i utrudni użytkownikowi znalezienie informacji, które go interesują, co prowadzi do niezadowolenia. A jeśli użytkownik nie będzie zadowolony, odejdzie do konkurencji bez zastanowienia.
Jak poprawnie zaprojektować piwnicę? 5 cennych rekomendacji
Projekt piwnicy witryny i jej struktura powinny być przemyślane, aby zainteresować i przyciągnąć użytkownika online. Jak to zrobić - przeczytaj 5 cennych rekomendacji.
Użyj kreatywnych rozwiązań
Główne tło stopki musi być inne niż ogólne tło strony, aby przyciągnąć uwagę. Ale jednocześnie musi przestrzegać idei projektu i harmonijnie się z nim łączyć.
Aby skutecznie wyróżnić piwnicę witryny, możesz użyć jaśniejszych tonów, a nawet obrazów tematycznych, które podkreślają kierunek strony.
Jeśli zdecydujesz się utworzyć ponownie, pamiętaj o połączeniu projektu stopki i projektu witryny za pomocą elementów, które zostaną wykonane w jednym kolorze. Dokonaj logicznego przejścia między przedostatnim a ostatnim blokiem, ale nie zapomnij o nacisku na stopkę. Najważniejsze jest, aby wybrać odpowiednie kolory, aby wyglądały stylowo. W tym artykule dowiesz się, jak wybrać odpowiednie kolory dla witryny.
Animacja postu
Elementy animacji są zawsze interesujące do oglądania. Ponadto bawią się emocjami człowieka, podświadomie popychając go do działania. Nawet przy małej i skromnej animacji projekt stopki zmieni się.
Wybierz czytelne czcionki
Unikaj małych czcionek, nawet jeśli jest za dużo informacji. Lepiej jest wykluczyć niektóre niepotrzebne linki. Nie zmuszaj użytkownika do patrzenia na słowa w celu ich przeczytania. I pamiętaj, aby wybrać kontrastowe kolory z tłem, aby małe litery dobrze się wyróżniały, zapewniając łatwość czytania.
Wykorzystaj więcej miejsca
Im więcej wolnego miejsca w obszarze stopki, im wyższa koncentracja na informacjico jest w nim zarysowane. Nagłówki tematyczne i podtytuły z blokami logicznymi pomogą poprawić użyteczność piwnicy i wyszukiwanie w niej informacji.
To prawo projektowania stron dotyczy całej witryny. Wolna przestrzeń stanie się odważnym plusem pod względem użyteczności - wygodniej jest odbierać informacje przez użytkownika.
Zorganizowane, prawidłowe i dokładne umieszczenie przydatnych linków pomoże ci poprawnie przenieść informacje do klienta. Klient może szybko znaleźć to, co go interesuje, bez sięgania do wielu bezużytecznych linków. I nie zapomnij o swoich użytkownikach mobilnych. Należy zoptymalizować stopkę, aby wyświetlała się poprawnie na dowolnym urządzeniu mobilnym.
Opublikuj wezwanie do działania
Stopka jest ostatnim akordem strony, którego celem jest utrzymanie użytkownika na stronie tak długo, jak to możliwe. Zaproszenie do działania będzie kolejną szansą na zwiększenie konwersji witryny. Nie tylko zatrzyma gościa na stronie przez dłuższy czas, ale także uczyni go klientem. CTA w stopce to klasyk, do którego odwołują się najpopularniejsze i odnoszące sukcesy strony.
Jaka jest różnica między stopką sklepu internetowego a piwnicą innych rodzajów witryn?
Treść i ilość informacji w piwnicy witryny zależy od działalności firmy, wielkości jej usług, struktury menu i potrzeb odbiorców docelowych. Dlatego strona docelowa stopki lub strony z wizytówkami mogą zawierać niewielką ilość informacji i linków: kontakty, wezwania do działania i nie więcej. Ale dla sklepu internetowego to nie wystarczy.
Menu główne sklepu internetowego zawiera linki do kategorii i podkategorii w celu sprzedaży towarów. Umieszczanie pozostałych informacji o usługach firmy w menu głównym nie jest logiczne. Dlatego odbywa się to w stopce. Zalecamy zapoznanie się z przykładowymi projektami sklepów internetowych, aby dowiedzieć się, jak prawidłowo zaprojektować piwnicę witryny.
Można tu umieścić szczegółowe informacje: informacje dla partnerów i stałych klientów, o dodatkowych usługach firmy (na przykład informacje o warunkach kredytowych, planach ratalnych, dostawie), linki do strony działu korporacyjnego w celu rozwiązania indywidualnych problemów (w szczególności kwestii finansowych, pytań dotyczących zwrotu towarów rozstrzyganie sporów itp.). Tutaj możesz dodać linki do stron o:
- Praca w firmie
- Kontakty konsultantów dotyczące konkretnego sprzętu sprzedawanego przez sklep internetowy;
- Informacje o zniżkach dla stałych klientów, program lojalnościowy;
- Informacje o opcjach płatności dla osób prawnych i osób fizycznych;
- Adresy centrów usług;
- Informacje o współpracy dla partnerów i dostawców;
- Link do FAQ;
- Informacje o zakupie bonów upominkowych;
- Informacje o firmie, trybie pracy sklepu offline i online i wiele więcej.
Podsumowując, piwnica sklepu internetowego różni się tylko zawartością i liczbą przydatnych linków. W przeciwnym razie wymagania dotyczące struktury i projektu są identyczne z tymi, które są ustawione dla stopek dowolnego rodzaju witryn. Najważniejsze, że piwnica jest widoczna dla zwiedzającego i wygodna w użyciu.
Oszałamiające projekty stopek witryny
Spójrzmy na przykłady piwnicznych witryn różnych działań, projektów i treści. Uzyskaj pomysły na opracowanie atrakcyjnej i odpowiedniej stopki dla swojej witryny :-)
Przykład piwnicy numer strony 1
Przykład stopki pokazującej, w jaki sposób minimalizm w tym bloku pomaga skupić się na głównym: logo (marce) firmy i ikonach sieci społecznościowych. Nie ma nic zbędnego, wygląda stylowo i pięknie. Połączenie czerni i bieli to klasyka. Klasyk nigdy nie wyjdzie z mody.
Przykład nr 2
Duża liczba przydatnych linków + duża przestrzeń negatywna wykonują swoją pracę: dostarczają obszernych informacji o usługach firmy i pomagają użytkownikowi szybko znaleźć to, co jest dla niego interesujące. Stopka podzielona jest na dwa bloki: ważne informacje, w których nagłówki kolumn z łączami są podświetlone na czerwono, oraz dodatkowe informacje. Proste, ale skuteczne rozwiązanie, gdy trzeba umieścić dużą liczbę linków na końcu strony.
Przykład nr 3
Stopka działa jak blok z formularzem informacji zwrotnej. Małe wezwanie do działania, zgrabny kształt i oryginalny design przyciągają uwagę i motywują do działania.
Przykład nr 4
6 podstawowych linków do dodatkowych informacji, ikon wchodzących w społeczności społecznościowe - nic nowego. Ale w tym przypadku główną atrakcją stopki jest informacja o metodach płatności. Firma robi bardzo silny krok, budząc zaufanie do klienta i zwiększając jego lojalność wobec niego. Logo systemów bankowych w stopce zwiększają użyteczność witryny i płatności. Wygodne metody płatności dla klienta to kolejny plus zwiększający konwersję witryny.
Przykład nr 5
W tym przykładzie stopka jest ostatnim krokiem klienta - jego działania. W tym celu opracowano niezbędne elementy marketingowe i techniczne: wezwanie do działania, przycisk do wypełnienia danych osobowych oraz funkcja przejścia, aby wyświetlić prezentację firmy. Jako dodatkowe informacje podawane są aktywne linki do sieci społecznościowych i dane kontaktowe firmy, jeśli wygodniej jest klientowi skontaktować się z nią niezależnie lub osobiście odwiedzić biuro.
Przykład nr 6
W tym przykładzie stopki nacisk kładziony jest na kontakty z firmą. Dodatkowym narzędziem do utrzymywania odwiedzającego na stronie jest aktywny przycisk do pobierania briefu. Oryginalny design i mnóstwo darmowego tła utrzymują i skupiają się na najważniejszym.
Przykład nr 7
Przykład typowej stopki dla sklepu internetowego, w którym znajduje się duża liczba linków do różnych stron witryny. Tutaj użytkownik może znaleźć dodatkowe informacje o firmie, sklepach i usługach. Dzięki odpowiedniej strukturze piwnicy duża liczba linków wygląda organicznie - łatwo jest znaleźć to, czego potrzebujesz. Podobne pomysły powinien wcześniej opracować specjalista SEO i wprowadzić do oświadczenia o pracy nad stworzeniem strony. Odbywa się to, aby nie przegapić niektórych ważnych informacji, udostępniając je użytkownikom końcowym.
Czy wiesz już, jaka będzie twoja stopka?
Biorąc pod uwagę wszystkie zalety i wartości piwnicy witryny, trudno ją nazwać bezużyteczną. I chociaż ten blok uzupełnia stronę i znajduje się na samym dole, rzadko pozostaje niezauważony. Dlatego każdy właściciel witryny powinien zwrócić szczególną uwagę na rozwój stopki. Zastanów się, jakie linki musisz umieścić w tym bloku, którą strukturę i wygląd lepiej wybrać, aby stopka w kompleksie wyglądała nie tylko ergonomicznie i stylowo, ale także przynosi korzyści - opóźnia odwiedzającego witrynę na niej. Pokazaliśmy wiele przykładów popularnych witryn, podaliśmy kilka ważnych zaleceń. Tylko dla ciebie, skupiając się na biznesie i CA, jest opracowanie efektywnej piwnicy dla witryny. A jeśli Twój projekt jest dopiero w fazie rozwoju, zalecamy przeczytanie artykułu, jak powinna wyglądać skuteczna witryna biznesowa.
Witajcie drodzy przyjaciele i goście bloga! Dzisiaj porozmawiamy o utworzeniu witryny, a raczej o jej jednym składniku - Strona piwnicy, przez naukową stopkę HTML lub tylko stopkę. Pomimo tego, że jest to najmniej widoczna część strony i niewiele osób zwraca na nią uwagę, na pierwszy rzut oka wydaje się, że tak i wiele osób tak uważa. Z tego powodu wielu często zaniedbuje projekt piwnicy witryny, co jest zasadniczo złe i złe!
Ponieważ piwnica witryny to ta sama ważna część, co nagłówek i treść, lub, we właściwy sposób, nagłówek i treść. Zadbajmy więc dzisiaj, abyśmy przygotowali nasze witryny w piwnicy, jak przystało na dobrego kreatora witryn, a ja postaram się wam w tym pomóc!
A więc zacznijmy od samego początku ...
Co to jest stopka witryny lub stopka HTML?
Piwnica witryny to jej dolna część, w której webmaster zazwyczaj umieszcza linki prowadzące do strony głównej, być może menu całej witryny, nawigacja strony, o autorze, o projekcie, o stronie, dane kontaktowe, przejścia do stron często zadawanych pytań pytania, linki do sieci społecznościowych i ich przycisków, widżetów i liczników, i to po prostu nie pojawia się w piwnicy witryny. Wszystkie informacje, które sam webmaster może wymyślić!
A ten, kto myśli, że niewielu odwiedzających wchodzi do piwnicy witryny, jest zły, zasadniczo zły!
Na tej podstawie musisz nie mniej zwracać uwagę na piwnicę witryny, niż na pierwszy rzut oka na jej bardziej widoczne części, takie jak ciało i nagłówek witryny. Chociaż się powtarzam, myślę, że to nie na próżno. Właśnie w ten sposób staram się wyjaśnić ci wagę i wagę prawidłowego zaprojektowania piwnicy!
Jak rozpoznać piwnicę witryny?
Nie ma w tym nic skomplikowanego! Przedstawię wam kilka rodzajów pięknych i reprezentacyjnych piwnic na wasze strony. I możesz wybrać najbardziej odpowiedni, a także na końcu tego artykułu będzie link, z którego można pobrać wszystkie piwnice, które przedstawiłem dla witryn i oczywiście użyć ich podczas tworzenia nowych witryn lub zastąpić istniejące witryny moimi, bardziej atrakcyjnymi html stopki.
To jest pierwsza piwnica strony.:
To druga piwnica witryny.:
To jest trzecia piwnica witryny.:
To czwarta piwnica witryny.:
To piąta piwnica witryny.:
To jest szósta piwnica witryny.:
Jak ci się podoba stopka HTML? Jak co najmniej jeden z nich? Mam nadzieję że tak?!
Jeśli Ci się podobały, sugeruję pobrać je teraz za darmo i używać ich do własnych celów!
Pobrany folder zawiera sześć plików ze stopką HTML. Musisz tylko naprawić zawartość swojej witryny w edytorze tekstu i to wszystko!
Przy okazji o edytorze tekstu! Na przykład go używam i tylko wam doradzam. Ponieważ jest to najwygodniejszy i najbezpieczniejszy!
Teraz to wszystko. Dziękuję za uwagę!
