Innholdsfortegnelse:
- Forklaret enkelt
- Velger responsivt design fornuftig i følgende fem omstendigheter:
- Dynamisk visning
- Bruk av dynamisk servering gir særlig mening i følgende fem omstendigheter:
- A
- Når du må fremheve elementer på skrivebordet ditt Gjør det ikke bra på mobile enheter.
Video: Sleek Android Design, by Jordan Jozwiak 2024
Bygg et responsivt webdesign som dynamisk tilpasser innhold fra skrivebordsformat til mobilformat.
-
Bruk dynamisk servering for å gjøre mobilopplevelsesenheten spesifikk og kontrollere hvordan mobilinnhold leveres side ved side
-
-
For øyeblikket er responsivt design den mobile, vennlige konfigurasjonen som anbefales av både Google og Bing.
Alternativ 1: Responsive design
Forklaret enkelt
responsivt design er en webdesignteknikk som bruker CSS og en rekke kodede regler for å dynamisk justere utseendet til skrivebordet ditt slik at det passer best innenfor parametrene for skjermstørrelse for forskjellige mobile enheter. Responsive design bruker JavaScript og servervisning på klientsiden for å endre måten sider vises i mobile eller desktop-nettlesere etter at serveren allerede har lastet inn siden.
Velger responsivt design fornuftig i følgende fem omstendigheter:
Når du vil ha en sammenhengende desktop og mobil opplevelse.
-
Når du har en sterk desktop nettsted som har bygget opp mange år med link egenkapital, tillit og industri autoritet. Responsive mobile nettsteder drar nytte av
-
delt indeksering med skrivebordssider, noe som kan resultere i forbedret mobilrangering. Når du vil at desktop og mobil besøkende skal konvertere på samme måte.
-
Når du har begrensede utviklingsressurser, som kan gjøre det mulig å opprettholde en egendefinert mobilopplevelse med tilpasset innhold, ser ut av spørsmålet.
-
Når du vil administrere vedlikeholds- og søkemotorindeksering av bare ett nettsted.
-
Alternativ 2: Dynamisk visning
Dynamisk visning
er en server-side utviklingsmetode som oppdager hvilken type enhet din besøkende bruker til å levere unikt innhold som er optimalisert spesielt for enheten hennes. Like responsiv design, dynamisk visning bruker ett enkelt sett med nettadresser for alt innhold, uavhengig av om innholdet blir levert til en stasjonær datamaskin eller en mobilenhet. Men det er der likheten slutter. Se, responsive webdesign dynamisk justerer
utseende med innhold - men nettadressene forblir de samme. Med dynamisk visning forblir nettadressene de samme, men innholdet som leveres til mobilenheter, er ikke alltid det samme som innholdet som leveres til stasjonære enheter. Denne forskjellen i innhold er mulig fordi dynamisk visning er en
server side tilnærming som endrer innholdskode basert på enheten som ber om det før innholdet blir levert til nettleser. Denne koden tillater serveren å endre innholdet på siden uten å endre webadressen til siden. Hva skjer bak kulissene når et nettsted bruker en dynamisk betjeningsmetode til mobildesign.
Når du bruker dynamisk visningBruk av dynamisk servering gir særlig mening i følgende fem omstendigheter:
Når nettstedet ditt må inneholde komplisert mobilvennlig funksjonalitet, for eksempel flersidige skjemaer eller interaktive verktøydashboards.
-
Når du oppdager at nettstedet ditt trenger å betjene to forskjellige enhetsmarkeder veldig annerledes. Noen eksempler er at iPhone-brukerne dine tar en helt annen vei til konvertering enn Android-brukerne, eller at du vil at sidene dine skal gjengis annerledes for smarttelefonbrukere enn for nettbrettbrukere.
-
Når dine besøkende i stor grad bruker forskjellige søkeord for å få tilgang til nettstedet ditt via skrivebordssøk og mobilsøk.
-
Når du vil at desktop besøkende og mobil besøkende skal konvertere på forskjellige måter.
-
Når du har sterke utviklingsressurser som er komfortable med manuelt koding og vedlikehold av komplisert, ren kode.
-
Alternativ 3: Bygg et eget mobilnettsted
A
mobilnettsted er akkurat det det høres ut: Et eget nettsted som er opprettet spesielt for brukere av mobilenheter. Med et eget mobilnettsted blir brukerne omdirigert til en mobilversjon av nettstedet ditt som lever på et unikt domene, for eksempel m. domene. no eller mobil. domene. no . Hvis du går med dette valget, må du konfigurere serveren din for å oppdage enheten og deretter sende brukeren til høyre side. m. domene. com
mobilnettdesign. Firestone bruker et m. Domene. mobilt nettsteddesign. En viktig teknisk implementering av et eget mobilnettsted er riktig bruk av kanoniske koder. mobile sider, inkluderer en kanonisk kode som peker på den korrelerte skrivebordssiden, slik at tilliten, autorisasjonen og lenkeverdien til skrivebordssiden din også vil være knyttet til mobilnettstedet ditt. Les mer om dette i dokumentasjonen til Google Developers. > Når du skal bygge et eget mobilnettstedHer er noen få forhold, spesielt når det er mest mulig for bedriften å bygge et eget mobilnettsted:
Når du må fremheve elementer på skrivebordet ditt Gjør det ikke bra på mobile enheter.
Når du trenger å bygge en mobilspesifikk konverteringsflyt, eller de besøkende bruker søkeord på mobil som er svært forskjellige fra søkeordene de bruker på et skrivebord.
-
Når du har et stort nettsted med mange sider og begrensede ressurser. Et mobilnettsted kan være en løsning som lar deg vise dine mobilbrukere en mindre, raffinert sampling av innholdet på nettstedet ditt.
-
Når de besøkende bruker eldre - ikke "smarte" telefoner for å få tilgang til nettstedet ditt.
-
Når du har ressurser til å bygge, oppdatere og vedlikeholde et eget mobilnettsted.