Spisie treści
Responsywne projektowanie stron internetowych, jakie są korzyści dla sieci?Wiele aspektów zachowań użytkowników zostało zbadanych przez specjalistów ds. marketingu i wskazują, że 70% osób w wieku od 18 do 45 lat surfuje po Internecie nie na komputerach, ale na tabletach i telefonach, co jest bardzo dużym rynkiem, lubi to odłożyć na bok.
Czym jest responsywny projekt strony internetowej?
To projekt, który dopasowuje się do każdego urządzenia i rozdzielczości ekranu, bez względu na to, czy jest to telefon, tablet, komputer czy telewizor. Wszystko to musi być dostosowane bez tworzenia różnych wersji strony internetowej dla każdego urządzenia, ale jest to jedna strona internetowa, która musi być w stanie się dostosować.
Jednym ze sposobów jest moduł zapytań o media CSS3 co umożliwia renderowanie treści w zależności od warunków, takich jak rozdzielczość ekranu
Na przykład w stylach file.css
@import url (styles.css) tylko ekran i (maksymalna szerokość urządzenia: 480px);
Wewnątrz pliku zaczynamy definiować urządzenia o maksymalnej szerokości 480px i zorientowane poziomo:
@media only screen and (max-device-width: 480px) and (orientation: landscape) {
/ * tutaj będą style dla tego urządzenia * /
}
Inny styl ekranu pionowego
@media only screen and (min-width: 680px) and (max-width: 979px) and (orientation: portrait) {
/ * style * /
}
Tutaj definiujemy style dla iPhone'a 5
@media screen i (współczynnik proporcji urządzenia: 40/71) {
/ * style * /
}
Idealnym rozwiązaniem jest mierzenie wszystkiego w procentach, aby móc stworzyć ogólną witrynę internetową bez konieczności tworzenia tak wielu arkuszy stylów.
Jednym ze sposobów jest umieszczenie treści na 80% szerokości ekranu, dzięki czemu sekcja treści zostanie zachowana na dowolnym urządzeniu.
Kilka zalet i aspektów do rozważenia
Responsywne projektowanie stron internetowych to sposób na SEO, ponieważ unikamy powielania linków i treści dla różnych wersji urządzenia, Google lubi to, choć nie oznacza to, że jest to konieczne. Jeśli robimy to dla użytkowników mobilnych, a nie dla Google.
W przypadku każdego urządzenia doświadczenie i pośpiech są inne, ponieważ są używane w różnym czasie.
Ogólnie rzecz biorąc, ci, którzy nawigują z komputera są w pracy lub w domu, dlatego wyszukiwanie będzie bardziej swobodne i z większą ilością czasu na przeczytanie i zobaczenie banera, ktokolwiek nawiguje z tabletu z pewnością będzie profesjonalistą lub osobą, która wykonuje określone zadanie dlatego potrzebujesz wskazówek lub informacji referencyjnych, ale nie czegoś, co mogłoby utrudnić wyszukiwanie.
Podczas gdy ci, którzy nawigują przez telefon będą najmłodsi lub osoby o znacznie większej mobilności i będą szukać szybkich i konkretnych informacji w przypadku pilnych zapytań lub szybkiego wyszukiwania informacji o miejscu, wydarzeniu lub potrzebie komunikacji, niektóre z tych aspektów ujawniają się w Raport comScore dotyczący marketingu online, który jest bezpłatny, bezpłatny i odzwierciedla roczne trendy.
