Share
WordPress er et program som driver opptil 25% av nettsidene. Store nettsteder som The New York Times, CNN og Forbes bruker alle WordPress til å drive sine nettsteder.
Hva WordPress er for webutviklere, er Adobe Lightroom til fotografer. I denne opplæringen lærer du hvordan du bruker disse to kraftige verktøyene sammen. Du lærer hvordan du tar bilder fra Lightroom og inn i et WordPress-drevet nettsted raskt og enkelt. Viktigst av alt, vil vi gjøre det på en måte som er SEO-vennlig slik at bildene dine blir oppdaget.
Søkemotoroptimalisering (også kjent som SEO) er et sett med interrelaterte design-, publiserings- og datastyringspraksis som hjelper websider å bli funnet. Sannheten er, det er egentlig ikke noe magi for SEO når det kommer til bilder. Alt koker ned for å legge til sammenheng til bildene dine på en måte som gir mening for datamaskiner.
Tenk på det på denne måten: Du skriver inn et søk i søkemotoren etter eget valg. Søkemotoren viser deg en liste over sider som samsvarer med det mener du ser etter. Søkemotorer bruker crawlere-dataprogrammer og algonrhithms-som utforsker nettet automatisk og bygger opp lister over nettsteder som samsvarer med søkeord.
En søkemotor kan fortelle at bildene er på en nettside, men det kan ikke enkelt avgjøre hva et bilde skildrer, så vi må supplere det med flere data, et slag som det kan forstå. Denne typen data kalles semantisk informasjon: Det er informasjon som bidrar til å bygge mening for individuelle fotografier i sammenheng med hverandre og resten av nettsiden. Vi bruker metadata felt for å overføre denne sematiske data.
Google ser på noen av tags gjemt i vår HTML for å finne bilder. Vi kan legge til ting som titler, tags, og alt Tekst i vår nettside kode for å hjelpe en søkemotor indeksere vårt nettsted så enkelt som mulig. Det er ingen garanti for at ved å legge til sematisk informere, kan du flytte nettstedet ditt til den første siden av Googles resultater, men å ta noen få grunnleggende SEO-trinn kan definitivt hjelpe dine sjanser. Det er også bare god data hygene!
Her er fire viktige biter av SEO optimaliseringsinformasjon for å legge til bildene dine:
Hvis du ikke gjør noe annet, må du passe på at du omdøper bildene dine på en måte som beskriver dem. Et enkelt filnavn som "resizing-images-tutorial.jpg" er en enorm forbedring over "IMG_9052.cr2." Å bruke et filnavn med noen ord som beskriver det, vil forbedre sjansene for å bli funnet.
Når jeg eksporterer fra Lightroom, er min favoritt måte å gjøre dette på å bruke "Filnavn" delen av eksportvinduet. Husk at vi ønsker å gi nytt navn til det eksporterte bildet, ikke den opprinnelige filen. Finn Filnavn delen og sjekk Gi nytt navn til eske. Velg deretter et dropdown-alternativ som inkluderer "egendefinert navn" slik at vi kan legge til vår egen tilpassede tekst.
Det siste trinnet er å legge til egendefinert tekst. For nettet er det best å skille ordene i et filnavn ved hjelp av bindestreker i stedet for mellomrom. Tilpass hvert bilde filnavn for de beste resultatene.
Bruk et egendefinert navnalternativ for å gi filnavnene en bedre sjanse til å bli funnet. Noen ord som beskriver innholdet i et bilde går langt!Alternativ tekst, eller "alt tekst", brukes til å gi en tekstbeskrivelse av innholdet i et bilde. Husk at en søkemotor ikke kan bestemme hva som er i et bilde (enda), så vi trenger å hjelpe det ved å bruke alt-tekst.
Du vil sannsynligvis aldri se alt tekst; den viktige delen er at en søkemotor vil.
Et bildes alttekst bør også angis i HTML. Alt-teksten skal kort beskrive bildet. Vi kan sette denne alt-teksten i WordPress Media Library, og WordPress vil automatisk legge til det.Alt tekst er plassert i samme bit av HTML som inneholder bildene dine. Bruk den til å legge til en beskrivelse av bildet. En kort beskrivelse av innholdet i et bilde er avgjørende for SEO-vennlighet. Hvis du skriver kode er du ikke ting, ingen bekymringer; Vi ser på hvordan du legger til denne alt-teksten ved hjelp av WordPress i neste del av denne håndboken.
Å ha alt tekst for bildene dine er også avgjørende for synshemmede. Skjermlesingsprogramvare utviklet for å hjelpe de som har full eller delvis tap av syn, vil lese alt-teksten i stedet for et bilde. Amherst College har en flott guide til å optimalisere websidene dine for tilgjengelighet.
Et tittel på et bilde bør også finnes i HTML-taggen. Tittelen skal være en enda kortere versjon av beskrivelsen, med bare noen få ord som signaliserer innholdet i et bilde.
Du bør også sette en bildetittel i HTML med "title =" -taggen i samme bildeblokk. Igjen gjør WordPress dette enkelt å legge til.Titler er et annet stykke av puslespillet for å hjelpe søkemotorer å indeksere nettstedet vårt. WordPress inneholder et tittelfelt som vil hjelpe vår SEO-innsats.
Tenk på et bildetekst som teksten som viser umiddelbart etter et bilde som gir ytterligere kommentarer. Bildetekster legges ikke direkte til en bildetikett direkte, men absolutt supplerer det. I HTML5, er
Nå som vi forstår seterne i image SEO, la oss se på hvordan du legger dem enkelt og raskt til vårt WordPress-drevne nettsted. Vi kan videreføre et bilde tittel og bildetekst fra vår Lightroom katalog til WordPress.
I lysrommet Bibliotek modul, finn metadata panel på høyre side. Du kan se bildetittel og bildetekst.
Når du eksporterer et bilde fra Lightroom, må du sørge for at du inkluderer "alle metadata."Dette vil sikre at tittelen og bildeteksten blir lagret på JPEG-bildet og vil bli lest og inkludert av WordPress.
Kontroller at når du eksporterer et bilde, inkluderer du metadata i filen. Dette gjør at metadataene er tilgjengelige i WordPress.Når du har eksportert en ryddig navngitt bildefil med en tittel og bildetekst, er du klar til å laste den opp til WordPress. Gå til WordPress Mediebibliotek og last opp dette bildet som du normalt ville. Det opplastede bildet vil bære gjennom samme tittel og bildetekst som vi satt i Lightroom-metadata-panelet!
Til slutt, frukten av vårt arbeid! Tittelen og bildeteksten som viDu må manuelt legge alt tekst til bilder når de nå WordPress. Dessverre er det ikke et felt i Lightroom som kartlegger "alternativ tekst" i WordPress. Husk at dette er teksten gjemt i HTML-koden som vil hjelpe søkemotorer å finne og indeksere våre bilder.
Alt tekst må legges til bilder i WordPress Media Library.Etter at du har satt inn alt-teksten, trykker du på Oppdater for å lagre bildet. Når du setter det inn i et innlegg eller en side, vil WordPress gjennomføre metadataene og inkludere metadataene vi har lagt til i HTML-koden.
Disse trinnene er et viktig hjelpemiddel for å optimalisere et bilde for nettet. Vi kan også gå et skritt videre ved å endre størrelse og komprimere bilder på nettet.
Å få bilder klar for Internett handler om mer enn bare å laste dem opp med søkeord og slippe dem i WordPress. Vi må også tenke på filstørrelsen og dimensjonene. Husk at en stor del av Internett-tilkoblede befolkningen ikke er heldig nok til å være på en god bredbåndsforbindelse, og vi bør også vurdere deres erfaring.
mobiForge skrev nylig at den gjennomsnittlige websiden filstørrelsen er større enn hele 1993 klassiske videospillet Doom. Dette er ikke iboende en dårlig ting, men det er en stor påminnelse om at nettsider er mer fulle av multimedia og store bilder enn de noen gang har vært. Det tjener som en stor påminnelse om at vi alltid bør optimalisere bildestørrelsene dine.
Når vi er klare til å sende bilder til nettet, er det to viktige faktorer for å optimalisere for: dimensjoner og kvalitet. La oss se på hvordan du skal perfeksjonere begge deler.
Dimensjonene til et digitalt bilde er lengden og bredden på bildet, målt i piksler. Et bilde som sies å være "600 med 400 piksler" utledes til å være 600 piksler i bredde og 400 piksler i høyde.
Bilder tatt med Canon 6D er 5472 x 3648 piksler. Når du ser dem på Tuts +, er de begrenset i oppsettet til 850 piksler på langsiden. Teoretisk sett kunne jeg laste opp hele bildet, men uansett hva det skal vises på maksimalt 850 piksler.
Denne effekten er nøyaktig hvorfor jeg alltid tilpasser bildene mine til et web-vennlig format. Mine seere har ikke skjermer som viser hver eneste piksel, så det er bare fornuftig å endre størrelsen på bildet og lagre dem lastetiden.
Denne simuleringen illustrerer hvor stort et originalt 10 megapikselbilde er, sammenlignet med hvordan det vil vises på nettet. Den store forhåndsvisningen du ser er en skalert versjon av det fulle 10 megapixelbildet jeg fanget. I innsatsen er størrelsen blitt sammenlignet med hvordan den vises på Tuts +. En full bredde på 10 megapiksler er over 4000 piksler i bredde, mens den vises i Tuts + artikler på bare 850 piksler på langsiden. Dette er en flott illustrasjon av hvorfor resizing er så viktig.Hva er de riktige dimensjonene for et bilde på nettet? Svaret er, "det avhenger av hvor det går." Hvis du bruker WordPress, kan du se dokumentasjonen for temaet ditt for bildbredden som støttes. Utvikleren bestemmer hvordan bilder skal vises i et WordPress-tema. Hvis dokumentasjon ikke er tilgjengelig, kan du prøve et nettsted som PiliApp for å gjøre dine egne målinger på et bilde på nettstedet du skal publisere til.
Høykvalitetsbilder bruker mer diskplass. Jo mer detaljert og fargerikt et bilde er, desto større blir filen. Selv om bildearkivet vårt skal inkludere disse bildene i full kvalitet, betyr det å lage en avbildning mellom kvalitet og filstørrelse ved å lage et bilde på nettet. Å gi opp litt kvalitet fører til en mye raskere belastningstid for betrakteren.
Når du eksporterer i Lightroom, kan du bruke Kvalitet skyvekontroll for å justere utskriftskvaliteten til et bilde. Det er en 0-100 skala, med et 0 kvalitetsbilde som gir den minste filstørrelsen. Et 100 kvalitetsbilde maksimerer både kvalitet og filstørrelse.
Denne bildekvalitetssammenligningen viser noen subtile forskjeller mellom de ulike kvalitetsinnstillingene. Noen forskjeller kan observeres i de finere detaljene, så vel som farger i himmelen. Merk at i det laveste kvalitetsbildet er det noen "banding" i himmelen (subtile linjer) mens bilder av høyere kvalitet. 25-kvalitetsbildet ga meg et 91 kb bilde, mens 100 kvalitetsbilde var et 366 kb bilde. Det handler om å finne balansen mellom kvalitet og filstørrelse.En av mine favoritt måter å kontrollere filstørrelsen på er å bruke "Begrens filstørrelsen til" alternativ. Jeg bruker ofte dette alternativet når jeg eksporterer bilder til å publisere på Tuts +, gitt at Tuts + har en grense på 150 kilobytes for bilder i artikler.
Ved å bruke "Limit File Size To" -alternativet, omgår kvalitetsklippen helt. I stedet for å velge en kvalitet mellom 0 og 100, kan du bare angi en maksimal filstørrelse (i kilobytes) og Lightroom vil velge en kvalitetsinnstilling for deg.
"Limit File Size To" -boksen kan brukes i stedet for kvalitetsskyven. Når du merker av i boksen i eksportvinduet, velger du maksimal filstørrelse for bildet ditt og Lightroom vil få det til å fungere.Fra min erfaring, når jeg bruker kvalitetsskyderen for webbilder, vil jeg vanligvis forlate kvalitetsinnstillingen i 60-75 område. Dette ser ut til å være det søte stedet for filstørrelse og bildekvalitet. Å øke skyvekontrollen langt utover det gir en mye større fil uten mye visuell forskjell.
Hvis du vil lære mer om nøklene for å endre størrelse på bilder på nettet, sjekk ut min oppskrivning fra i fjor, Slik eksporterer du JPG-filer til Internett fra Adobe Photoshop Lightroom. Mens fokuset på denne opplæringen er metadataene for SEO, er bildestørrelsen fortsatt en viktig del av å være søkevennlig.
I denne opplæringen har vi dekket hvordan du velger den hengende frukten for å eksportere bilder fra Lightroom til et WordPress-nettsted. Ikke gjør feil; Dette vil ikke umiddelbart skyte nettstedet ditt til toppen av Google for vanlige vilkår, men det vil gå langt med å hjelpe noen med å finne bildene dine.
Det er verdt å merke seg at det finnes flere WordPress plugins, eller add-on, som kan automatisere denne prosessen. Men plugins som ikke oppdateres ofte, kan åpne nettstedet ditt for sikkerhetsproblemer. Du må også regne med at en utvikler vedlikeholder pluginets kompatibilitet med nye versjoner av WordPress. To populære plugins inkluderer WP / LR Sync og LR / Blog.
Hvis du vil lære mer om WordPress, har Tuts + kodeseksjonen et vell av innhold for å endre og utvide WordPress. Foto- og videoseksjonen har også en del omfattende dekning av Adobe Lightroom hvis du vil skarpere disse ferdighetene.
Endelig er SEO et stadig skiftende forskningsområde. Google oppdaterer hele tiden sin algoritme som brukes til å finne sidene de synes å matche søket best. Det er massevis av dårlige råd og "tips" for SEO der ute. Min go-to kilde for SEO er Moz Blog. Geniene på Smashing Magazine har også en flott skriving om hvordan man bygger en SEO optimalisert nettside.
Hva gjør du for å få bildene dine klare til Internett? Gi meg beskjed i kommentarfeltet.
Accentsconagua