Hjem Personlig finansiering Tilføj alternative billedtitler til bedre blogdesign - dummier

Tilføj alternative billedtitler til bedre blogdesign - dummier

Indholdsfortegnelse:

Video: Kundeservice på nettet udfyld BILLEDE tekstfelterne korrekt 2024

Video: Kundeservice på nettet udfyld BILLEDE tekstfelterne korrekt 2024
Anonim

En alternativ billedtitel (alternativ attribut eller hvad HTML kalder alt) giver browsere mulighed for at håndtere et blogbillede, når det kan vises ikke af en eller anden grund. I stedet for dit blogbillede viser browseren den alternative billedtekst. Et billede vises muligvis ikke i en besøgers browser af forskellige årsager, som f.eks. En langsom internetforbindelse eller en langsom pc.

Når du designer din blog, vil du have alle komponenter i din blog, herunder dine billeder, for at beskrive din blogs formål og indhold med tekst. Fordi den alternative billedtitel er det mest beskrivende element i HTML for at forklare indholdet af et billede ved hjælp af tekst, har det endnu større betydning fra et SEO-og navigationsdesignperspektiv.

Inkluder passende alt-tekst i din blogs design

Her ses WordPress-panelet for redigering af udseendet af et billede på en side. Prøven viser sit layout i forhold til nogle tilstødende tekst - ikke den rigtige tekst på siden, men noget latin, som WordPress bruger som stedholder. Midt i panelet er feltet Alternativ tekst. Bemærk, at den er adskilt fra feltet Caption og Titel-feltet.

Når du indtaster en værdi for alt-attributten, ser HTML-mærket for billedet på følgende måde:

Om billeder er en del af din blogs hoveddesign eller et enkelt blogindlæg, Indsæt relevante søgeord i dine alt attributter, så søgemaskiner kan finde dem lettere. En søgemaskine bruger kan navigere til din blog ved at finde et billede først - for eksempel et hæklet tæppe - og klikke på billedet for at læse det indlæg, der er knyttet til det, hvor hun kan finde instruktioner til at hækle det.

Alt attributter forbedrer også brugervenlighed ved at gøre det muligt for personer med blindhed eller nedsat syn at identificere billederne på dit websted. Hjælpemidler kan læse teksten for hver alt-attribut højt.

Medtag andre billedattributter i din blogs design

Bemærk, at eksemplet WordPress-billede også viser et Titelfelt. Når brugeren svæver over et billede, og det har et Titel-felt, viser browseren den tekst på musemarkøren.

Selv om en titelbeskrivelse kan give yderligere oplysninger om et foto, er det mere nyttigt for folk end søgemaskiner. Du kan dog være mere eksplicit med et Titel-felt end med en alt-attribut, hvilket mere passende er et resumé.

Hvis temaet for bloggen indeholder et mellemrum til en billedtekst, kan indholdet deraf indtastes i feltet Besked. Dette er for tekst, du vil have din læser at se uden at skulle svæve over det først.

En titelbeskrivelse er ret vigtig, hvis dine blog-læsere bruger Pinterest. Når nogen trykker et indlæg af dig med en PinIt mobil bogmærke, trækker denne bogmærke titlen beskrivelse fra billedet, der ledsager posten. Pinterest bruger derefter dit billedets titel som pinbeskrivelsen. Uden beskrivelsen trækker Pinterest billedets filnavn, hvilket kan være mindre beskrivende.

Nederste linje: Når du bruger alle de værktøjer, der er tilgængelige for dig til at beskrive emnerne i din blog, desto større sandsynlighed for, at en søgemaskine accepterer din blog som autoritativ om disse emner.

Tilføj alternative billedtitler til bedre blogdesign - dummier

Valg af editor

Sådan konverteres et billede til CSS3 - dummies

Sådan konverteres et billede til CSS3 - dummies

Et særligt kendetegn ved Ultimate Gradient Generator er evnen til at omdanne dit eksisterende billede til en CSS3-gradient, som du kan bruge på dit websted. Dette er en interessant måde at definere nogle komplekse gradienter med ringe indsats; Bemærk dog, at denne funktion virker bedst med billeder som den nedenfor. Selvom ...

Hvordan man vælger den bedste skrifttype i CSS3 - dummies

Hvordan man vælger den bedste skrifttype i CSS3 - dummies

Tekst som en abstrakt præsentation af konkrete begreber, ideer og objekter kræver skrifttyper til præsentation. Skrifttypen, der vælges i CSS3 til teksten, gør ofte så meget at formidle en idé som selve teksten. Brug lidt tid på at se lykønskningskort, og du finder ud af, at formidlere af disse missiver bruger skrifttyper til at præsentere ...

Hvordan man rydder op på din webkode - dummies

Hvordan man rydder op på din webkode - dummies

Om du handcodes dit website eller arbejder med en kode / WYSIWYG editor, skal du altid gøre en øvelse for at kontrollere den hierarkiske rækkefølge, syntaks og stavning af din HTML, CSS, JavaScript, jQuery og anden programmeringskode. Selv når du bruger de bedste tilgængelige programmer, kan din kode på et tidspunkt indeholde fejl, fordi du er menneskelig. ...

Valg af editor

Hvordan man Rough Out et websted i SketchUp - dummies

Hvordan man Rough Out et websted i SketchUp - dummies

Måske vil du modellere en lille bit af nonflat terræn, der omgiver en byggemodel i SketchUp. Måske forsøger du at reproducere eksisterende websider, eller måske er du ved at designe landskabet for et projekt. Der er en pæn teknik til sager som denne: Du kan bruge From Contours til hurtigt ...

På toppen af ​​alle knapper, menuer og vinduer du vælger og erstatter SketchUp Components - dummies

På toppen af ​​alle knapper, menuer og vinduer du vælger og erstatter SketchUp Components - dummies

Kan straks se i fanen Vælg i SketchUp's Components dialogboks, kan du også finde gemte indstillinger gemt væk i en kontekstmenu. Menuen dukker op, når du højreklikker på en In Model-samlingskomponent: Vælg forekomster: Måske har du 15 eksemplarer (kopier) af ...

Sådan sættes dit synsfelt i Google SketchUp 8 - dummies

Sådan sættes dit synsfelt i Google SketchUp 8 - dummies

Synsfelt er hvor meget af din Google SketchUp model du kan se i dit model vindue ad gangen. Forestil dig dit syn som en kegle, med den spidsfulde ende, der peger på dine øjne, og keglen bliver større, da den kommer længere væk fra dig. Alt, der falder indenfor keglen ...

Valg af editor

Sådan oprettes fjernbetjening i bånd på Junos Devices - dummies

Sådan oprettes fjernbetjening i bånd på Junos Devices - dummies

Til fjernbetjening, skal du først bestemme, hvilken grænseflade du vil have som din administrationsgrænseflade. Generelt er forvaltningstrafik ikke overdreven eller endog betydelig, så det er sandsynligvis nok at vælge nogen af ​​de langsommere grænseflader på din router. På de fleste enheder er en Fast Ethernet-forbindelse mere end tilstrækkelig til at håndtere forvaltningstrafik. ...

Sådan opsættes SRX Services Gateway - dummies

Sådan opsættes SRX Services Gateway - dummies

Den mest almindelige måde at konfigurere en nyinstalleret Juniper SRX Services Gateway er ved at bruge RJ-45 seriekonsolporten. Enhver skal faktisk være på enheden for at installere den (fjerninstallation af hardware kan være mulig en dag, men det er langt væk). En anden grund er at adgang via et hvilket som helst af ...