vi hører alle dette ordet «responsive» i webdesign domene mye i dag. Folk anbefaler og går ga-ga over viktigheten av å bruke responsiv design. Men nybegynnere innen profesjonell blogging og webmastering tar ofte litt tid å få tak i alt dette buzzet om hva som er et responsivt nettsted og hvordan man utvikler en.
folk lager ofte sine nettsider temaer basert på en bildefil (F.EKS PSD). Mens alle webdesign begynner som et bilde, bør man være veldig forsiktig med at deres design er i samsvar med prinsippene for respons og er mobilvennlige. La oss ta en dukkert i emnet og finne ut alt om dette problemet.
vel, responsen til et nettsted refererer til evnen til å justere skjermen i henhold til enheten den blir sett på. Borte er de dagene da de fleste pleide å bruke stasjonære Pcer-nå er det alle slags enheter der ute. Stasjonære, bærbare datamaskiner, netbooks, tabletter, mini tabletter, e-boklesere, smarttelefoner og ikke-så-smarte telefoner! Puh! For mange til ikke å bekymre seg for!
Alle disse enhetene har sine egne spesifikke skjermstørrelser og oppløsninger. Et» stivt » nettsted vil ikke kunne tilpasse seg (eller la oss si, svare på) de varierende skjermstørrelsene. Utseende horisontal scrollbar i nettleseren er en av de mest merkbare tegn på at nettstedet ikke er responsive.
i kontrast vil nettsted med et responsivt tema kunne tilpasse seg og sørge for at innholdet er lett lesbart av hvilken som helst skjermstørrelse.
Egentlig ikke. Et responsivt tema vil justere skjermen med det primære målet at innholdet på nettstedet kan brukes av den besøkende. For å oppnå dette målet kan nettstedet skjule noen av tilbehørskomponentene (som sidebar) og endre størrelsen på andre komponenter(f. eks. bilder, skrifter etc.)
det er ganske enkelt å vite hvor responsivt er nettstedets tema. Bare åpne den på forskjellige størrelser av dataskjermer og mobiltelefon skjermer. Hvis du ser nettstedet ditt i orden og alt innholdet er lesbart, er nettstedet ditt responsivt. Hvis du ikke har forskjellige typer enheter for å teste nettstedet ditt, kan du også bruke online test for respons.
det generelle svaret er at ja det er veldig viktig. Men før du bestemmer deg for å gjøre en makeover av nettstedet ditt for å forvandle det i en responsiv –bør du se på webtrafikkdataene dine. Fra disse dataene, prøv å finne ut hvor mye trafikk nettstedet ditt mottar fra mobile enheter. Vanligvis er nettsteder designet for å brukes på stasjonær / bærbar pc-men hvis du får betydelig trafikk fra enheter som tabletter / mobiltelefoner –bør du se hvordan nettstedet ditt ser på slike enheter.
I Dag Mottar Asiatiske nettsteder i gjennomsnitt 27% av trafikken fra mobile enheter. Denne prosentandelen vil være mye høyere for nettsteder i områder som Europa og Amerika fordi det mobile enheter er relativt mye mer populært.
du vil bli overrasket over at respons lett kan oppnås ved hjelp AV BARE CSS. Gjeldende CSS-standarder lar deg stilisere nettstedet ditt for ulike skjermtyper. Dette betyr at du kan ha separate CSS-regler for forskjellige skjermstørrelser. For eksempel:
@ medieskjerm og (maks bredde: 320px) {
.primær-sidebar { skjerm: none } / / skjul sidebar når skjermstørrelsen er 320px eller mindre
}
@media screen og (min-bredde: 1024px) {
body { font-size: 12px} / / angi skriftstørrelse for skjermstørrelser større enn 1024px
}
slike tilpassede CSS-regler vil kontrollere utseendet på nettstedet ditt avhengig av tilgjengelig plass på skjermen.
hvis du velger å gå for responsiv design for din nettside eller blogg, kan du forvente å ha følgende fordeler:
- Trafikken vil øke på nettstedet ditt fordi brukere av mobile enheter vil kunne bruke det og kan bestemme seg for å returnere for ny informasjon. Hvis mobilbrukere ikke kan bruke et nettsted innhold –de vil ikke komme tilbake!
- hvis du bruker annonser på nettstedet ditt for å tjene penger på nettet, kan inntektene dine øke fordi et responsivt nettsted også kan vise annonser på mobile enheter.
- du trenger ikke å utvikle forskjellige versjoner av nettstedet eller bloggen din for forskjellige plattformer. Dette vil spare tid på vedlikehold også fordi flere versjoner krever mer vedlikeholdstid.
- hvis du utvikler flere versjoner for ulike typer enheter, står du overfor faren For At google indekserer dupliserte Nettadresser. Ulike Nettadresser som peker til det samme innholdet kalles Dupliserte Nettadresser. Google setter en tung straff på dupliserte Nettadresser som tror at innholdet også er duplikat. Responsive webdesign beskytter deg mot en slik straff.
- du trenger ikke å bekymre deg for riktig agentdeteksjon fordi det samme nettstedet vil fungere for alle nettleseragentene.
- url deling på sosiale medier nettsteder vil bli enklere fordi hver side på nettstedet ditt vil ha bare en URL knyttet til den.
det er ingen vesentlige ulemper med responsiv design, bortsett fra at de ekstra CSS-reglene kan øke STØRRELSEN PÅ CSS-fil og som et resultat nedlastingstiden vil øke. Men med raskere internett blir tilgjengelig over hele verden-tror jeg ikke dette utgjør noe reelt problem.
i responsiv design brukes ikke forskjellige bilder til forskjellige skjermstørrelser. I stedet blir det samme bildet endret GJENNOM CSS for å passe på enhetens skjerm. Så, mobile enheter må også laste ned de samme høyoppløselige bildene som serveres på stasjonære tilkoblinger.
nå vet Vi at den responsive designen kan legge litt ekstra byrde på mobil internett-tilkobling, det er viktig at du kan teste hvor raskt din nåværende (responsive eller ikke-responsive) design fungerer. Det beste online verktøyet for å teste dette ut Er PageSpeed Fra Google. Dette verktøyet kan score nettstedet ditt både på stasjonære og mobile enheter.
De Fleste av Googles nettsteder er nå responsive. For Eksempel Bruker Chromebook-nettstedet responsivt design. Men Google er et banebrytende selskap av Alt relatert Til Internett. Etter hvert som flere og flere andre bedrifter anerkjenner viktigheten av responsiv design, skifter nettsteder til dette nye paradigmet. Se på Nettsidene Til Wendys restaurantkjede, inbound marketing company HubSpot og avisen Boston Globe for å få litt inspirasjon.
Ja, Det er mange store nettsteder som ennå ikke har omfavnet responsivt design. Eksempler er CNN og BBC. Dette er massive nettsteder, og et komplett redesign for å innlemme respons kan kreve betydelig investering. Det kan være grunnen til at disse mediehusene ennå ikke er lydhør.
Nei, det er ikke veldig dyrt. Hvis Du eier et nettsted/blogg basert På WordPress, er det mange responsive temaer tilgjengelig. Standardtemaet Til WordPress (Dvs. TwentyThirteen) er også designet for å være responsivt. De fleste av de gratis temaene Som Tilbys Av WordPress og Blogger er responsive. Men hvis du bruker et tredjeparts tema-må du sjekke responsen.