vi hører alle dette ord “responsive” i internetdesigndomænet meget i dag. Folk kan varmt anbefale og gå ga-ga over vigtigheden af at bruge responsivt design. Men nybegyndere inden for professionel blogging tager ofte lidt tid at få fat i alt dette brummer om, hvad der er en lydhør hjemmeside og hvordan man udvikler en.
folk opretter ofte deres hjemmesider temaer baseret på en billedfil (f.eks. Mens alle hjemmeside design begynder som et billede, skal man være meget forsigtig med, at deres design er i overensstemmelse med principperne for lydhørhed og er mobilvenlige. Lad os tage en dukkert i emnet og finde ud af alt om dette problem.
nå, lydhørhed af en hjemmeside refererer til dens evne til at justere displayet i henhold til den enhed, det bliver set på. Borte er de dage, hvor de fleste mennesker plejede at bruge stationære pc ‘ er –nu er der alle mulige enheder derude. Desktop, laptops, netbooks, tabletter, mini tabletter, e-bog læsere, smartphones og ikke-så-smarte telefoner! Pyha! For mange til ikke at bekymre sig om!
alle disse enheder har deres egne specifikke skærmstørrelser og opløsninger. En” stiv ” hjemmeside vil ikke være i stand til at tilpasse sig (eller lad os sige, reagere på) de forskellige skærmstørrelser. Udseende af vandret rullebjælke i bro.ser er et af de mest mærkbare tegn på, at hjemmesiden ikke er lydhør.
i modsætning hertil vil hjemmeside med et responsivt tema kunne tilpasse sig og sørge for, at indholdet er let læseligt af enhver skærmstørrelse.
ikke rigtig. En lydhør tema vil justere display med det primære formål, at indholdet af hjemmesiden kan bruges af den besøgende. For at nå dette mål kan hjemmesiden skjule nogle af dets tilbehørskomponenter (som sidebjælke) og ændre størrelsen på andre komponenter (f.eks.)
det er ret nemt at vide, hvor lydhør er din hjemmesides tema. Bare åbne den på forskellige størrelser af computerskærme og mobiltelefon skærme. Hvis du ser din hjemmeside i orden, og alt indhold er læsbart, er din hjemmeside lydhør. Hvis du ikke har forskellige slags enheder til at teste din hjemmeside, kan du også bruge online test for lydhørhed.
det generelle svar er, at ja det er meget vigtigt. Men før du træffer en beslutning om at gøre en makeover af din hjemmeside for at omdanne den til en lydhør –skal du se på dine trafikdata. Fra disse data skal du prøve at finde ud af, hvor meget trafik din hjemmeside modtager fra mobile enheder. Normalt hjemmesider er designet til at blive brugt på desktop / laptop –men hvis du får betydelig trafik fra enheder som tabletter / mobiltelefoner –du bør se, hvordan din hjemmeside ser på sådanne enheder.
på nuværende tidspunkt modtager asiatiske hjemmesider i gennemsnit 27% af deres trafik fra mobile enheder. Denne procentdel ville være meget højere for hjemmesider i områder som Europa og Amerika, fordi der mobile enheder er relativt meget mere populære.
du vil blive overrasket over, at lydhørhed let kan opnås ved kun at bruge CSS. Nuværende CSS-standarder giver dig mulighed for at stilisere din hjemmeside til forskellige skærmtyper. Dette betyder, at du kan have separate CSS-regler for forskellige skærmstørrelser. For eksempel:
@medieskærm og (maks.bredde:320ph) {
.primær sidebar { display: ingen} / / skjul sidebjælke, når skærmstørrelsen er 320ph eller mindre
}
@medieskærm og (min-bredde:1024ph) {
krop { skriftstørrelse: 12phh} / / Indstil skriftstørrelse til skærmstørrelser større end 1024ph
}
sådanne tilpassede CSS regler vil styre udseendet af din hjemmeside afhængigt af den tilgængelige plads på skærmen.
hvis du beslutter dig for at gå efter responsivt design til din hjemmeside eller blog, kan du forvente at have følgende fordele:
- trafikken vil stige på din hjemmeside, fordi brugere af mobilenheder vil kunne bruge den og kan beslutte at vende tilbage til nye oplysninger. Hvis mobile brugere ikke kan bruge en hjemmesides indhold-de vil ikke komme tilbage!
- hvis du bruger reklamer på din hjemmeside for at tjene penge online –din omsætning kan stige, fordi en lydhør hjemmeside vil være i stand til pænt vise annoncer på mobile enheder også.
- du behøver ikke at udvikle forskellige versioner af din hjemmeside eller blog til forskellige platforme. Dette sparer også tid på vedligeholdelse, fordi flere versioner kræver mere vedligeholdelsestid.
- hvis du udvikler mere end en version til forskellige typer enheder, står du over for faren for, at Google indekserer duplikat-URL ‘ er. Forskellige URL ‘er, der peger på det samme indhold, kaldes duplikerede URL’ er. Google sætter en tung straf på duplikerede URL ‘ er i den tro, at indholdet også er duplikat. Responsive hjemmeside design beskytter dig mod en sådan straf.
- du behøver ikke at bekymre dig om korrekt agentdetektering, fordi den samme hjemmeside fungerer for alle bro.seragenterne.
- URL deling på sociale medier hjemmesider vil blive lettere, fordi hver side på din hjemmeside vil have kun en URL tilknyttet det.
der er ingen væsentlige ulemper ved responsivt design bortset fra at de ekstra CSS-regler kan øge størrelsen på CSS-filen, og som et resultat vil overførselstiden øges. Men med hurtigere internet bliver tilgængelig over hele kloden –jeg tror ikke, det udgør noget reelt problem.
i responsivt design bruges forskellige billeder ikke til forskellige skærmstørrelser. I stedet bliver det samme billede ændret gennem CSS for at passe på enhedens skærm. Så mobile enheder skal også hente de samme billeder i høj opløsning, der serveres på desktopforbindelser.
nu ved vi, at det responsive design kan lægge en lille ekstra byrde på mobil internetforbindelse, det er vigtigt, at du er i stand til at teste, hvor hurtigt dit nuværende (responsive eller ikke-responsive) design fungerer. Det bedste online værktøj til at teste dette er PageSpeed fra Google. Dette værktøj kan score din hjemmeside både på stationære og mobile enheder.
de fleste af Googles hjemmesider er nu lydhøre. For eksempel, Chromebook hjemmeside bruger lydhør design. Men Google er en banebrydende virksomhed af noget relateret til internettet. Efterhånden som flere og flere andre virksomheder anerkender vigtigheden af responsivt design, skifter hjemmesider til dette nye paradigme. Se på hjemmesiderne for restaurantkæden, det indgående marketingfirma HubSpot og avisen Boston Globe for at få inspiration.
Ja, Der er mange store hjemmesider, der endnu ikke har omfavnet responsivt design. Blandt eksemplerne er CNN og BBC. Disse er massive hjemmesider og en komplet redesign at indarbejde lydhørhed kan kræve betydelige investeringer. Det kan være grunden til, at disse mediehuse endnu ikke er lydhøre.
Nej, Det er ikke rigtig dyrt. Hvis du ejer en hjemmeside / blog baseret på