Foto | Miklas Njor
Old man smokes cigarette while holding holstered pistol  Miklas Njor  Miklas Njor

Foto Søgemaskine Optimering for Fotografer

ALT attributes, Title attributes og Fil navne er dine venner.

De er vigtige værktøjer for dig som fotograf, hvis du ønsker at din hjemmeside og dine billeder skal dukker op øverst i søgeresultater.

Du vil at dine kommende kunder skal finde dit site via dine valgte keywords, men også finde dine fotos når de søger efter billeder de vil købe.

Lad mig starte med at sige, at jeg mener man altid skal gøre sit site søgemaskine klar og altid have brugeren for øje – ikke kun søgemaskiner og webcrawlere. Og inden du begynder at tjecke min kildekode, så husk: Gør som jeg siger, ikke som jeg gør! Okay, videre med denne turorial.

Den Alternative Text

Kort gennemgang af termerne

ALT tag – Kort alternativ tekstbeskrivelse af billedet.
Title tag – Specificerer ekstra infomation om elementet og er også det brugerne ser, når de køre musen hen over billedet.
Fil navn – I stedet for _BPL_2453.JPG gives billedet et beskrivende navn som f.eks. Old-guy-holding-gun.jpg.

Der er tre grunde til at bruge ALT tags (alternativ text tag).

Hjælp folk med handicap
Den vigtigste grund til at bruge ALT tags er at tekst-baserede browsere, der bruges af hel eller halvblinde, eller ordblinde, læser ALT teksten højt for dem.

De bruges stadig i stor udstrækning og er afhængige af præcise billedbeskrivelser for at kunne forstå al indholdet på dine sider. Så husk dem.

ALT tagget vises ikke i normale browsere, med mindre billedet ikke dukke frem. Browseren viser kun Title tagget.

Sidens hastighed
Der findes stadig folk der surfer rundt på nettet via telefon modem eller langsomme ISDN forbindelser, så den mængde af data der er på en html side skal være forholdsmæssigt skrabet, hvis siden skal nå at loade inden der klikkes væk.

Folk der er på nettet via modem slår nogle gang ‘vis billed’ funktionen fra for at undgå for lange ventetider og læser ALT tags for selv at bestemme om det er værd at åbne billedet.

Hjælpe webcrawlere med at læse indholdet
Og sidst men ikke mindst: søgemaskinernes webcrawlere kan ikke læse fotos. De er meget afhængige af ALT tags for at få så meget information ud af billedet og siden som muligt.

De læser selvfølgelig også teksten omkring billedet.

Okay, sådan skal koden se ud

<img src=/billedmappen/fotoets-navn.jpg alt=foto beskrivelse title=foto titel>

Til venstre ser du billedets sti. I midten ALT tagget. Og til højre finder du fotoets titel.

Old man smokes casually while holding holstered pistol

Sådan bruges ALT tagget
Husk at ALT tagget hovedsageligt er til for brugere med syns-handicap. De får teksten læst højt, så det er vigtigt at beskrivelsen er præcis og giver mening, og at den ikke er fyldt med keywords.

Selvom der ikke er nogen begrænsning på hvor mange ord du må have i dit ALT tag, så vil sætninger med for mange ord og specielt mange keywords sætte gang i Black Hat SEO sirenen hos Google og andre søge maskine tjenester og du kan blive skubbet helt ud af søgeresultaterne.

Så hold dig et sted imellem fem til ti ord maksimum.

Min egen medicin
En kort ti ord maksimum præcis billedbeskrivende ALT tag for billedet her kunne være: ‘Gammel mand med cigaret og pistol i hylster’.

Jeg ved, at det får alle mulige billeder frem på nethinden, når man læser det højt, men det er bedre end ‘foto’. Sammen med en god billedbeskrivelse og anden tekst til billedet, skal brugeren nok forstå, hvad der foregår.

Brug kun ALT tags til billeder du vil beskrive. Til billedelementer som baggrunds billeder, spacers, snurrende glober og den slags skal du skrive alt="" (og helst gemme den som gif’er når det er muligt).

NOTE: Vær opmærksom på, at hvis du ønsker at dit site skal være XHTML-compliant så vil det ødelægge det – XHTML kræver, at alle grafik elementer har ALT tags. Dette kan også ødelægge usability standards.

Du kan også bruge et billede som et link. Så skrives det sådan her:

<a href=/artikelmappe/artikel.php><img src=/billedmappen/fotoets-navn.jpg alt=fotoets beskrivelse title=fotoets titel></a>

Sådan bruger du ALT tags, Title Tags og Filnavne i fotos

ALT tag
– ALT tags læses af text browsere.
– De vises ikke i almindelige browsere, medmindre billedet ikke loader.
– Brug kun ALT tags til at annotere vigtige billeder.
– Fem til ti ord maksimum.
– Lad være med at fylde ALT tags med urelaterede eller gentagende keywords (det ligner spam).
– Til billedelementer der ikke er vigtige (f.eks. baggrunde og lign.) bruges alt="".
– ALT tags skal være ultra kort sætninger. Ikke en opremsning af keywords.
– ALT tags har større vægt i søgemaskiner end Title tags.

Title tags
– Brug Title tag til at lave en mere beskrivende titel til billedet.
– Title tags vises når man kører musen hen over fotoet.
– 128 tegn maksimum, men det må gerne være kortere.
– Lad være med at overfylde det med keywords.

Filenames
– Det er (vist nok) bedre at bruge bindestreg (-) i stedet for underscores (_). Og det er lettere at skrive!
– Navngiv præcist og nøgternt.
– Fjern “stop ord” som (til, fra, i, han, hun, en, et o.s.v.)
– Ikke længere filnavne end 32 tegn.

Titel Tagget
Google læser også title tagget. Her kan du skrive en længere beskrivelse af billedet. 128 tegn er maksimum. Titel tags vises, når man bevæger musen hen over billedet.

Fil Navn
Brug korte og beskrivende navne.

Der er lidt debat om, hvorvidt man skal bruge bindestreg (-) eller underscore (_). Det menes at Google betragter ord med underscore imellem som ét ord og ord med bindestreg som to ord. Hvis du vil være helt sikker så vælger du altså bindestreg.

Filstørrelse og mappestruktur
Jeg har læst flere steder at billedfilens størrelse kan have betydning, fordi webcrawlere kan bedst lide at siderne load hurtigt, men har man lyst til at vise dårlige jpg’ede fotos til sine seere eller kommende kunder. Nej!

Desuden så er de billeder her på sitet ret store og de dukke alligevel op i Google’s billed søgning. En vej ud af problemet kunne være noget javascript eller et CSS hack, men det er måske at gøre lidt meget ud af det.

Du skal også være opmærksom på, at hvis du bruger Photoshops Imageready til at eksportere og gemme billeder til web, så bliver dine metadata slettet fra filen, så fotoet er uden kontakt info eller information om billedets ophavsret.

Angående mappestruktur og fotos (img src:"fotos/indien/dyr/tigere/Royal-Bengal-tiger.jpg"), så tror jeg ikke at det har nogen som helst effekt. Så længe man ikke blokerer webcrawlernes færden med robot.txt filen så går det. Og i øvrigt lægger de fleste automatiserede CMS’er – som f.eks. wordpress – billeder i års og måned navngivne mapper, så du vil bare have en masse bøvl med at oprette de specifikke mapper.

Old man smokes casually while holding holstered pistol THUMB

Andre overvejelser
– Selve websidens Pagetitle er altid vigtig.

– Lav en mindre version af billedet ca. 150x150px. Det er godt for socialmedia hjemmesider som Digg og Facebook, der ofte skanner siden for at finde små thumbnails der kan sættes ind ved siden af dit link.

The Armory Show 2006 – International Fair of New Art, New York City

Gæsterne på Armory kan deles op i to lejre. De der må se og de der må røre, og det er dem i sidste gruppe galleriejerne gider at se i øjnene. Vi er i New York og Kunst er big business. “Undskyld, men er prisen 25.000 dollar eller 25.000 Euro?”. Undskyld, men hvis du har råd til at betale 25.000 dollar for et billede du har kigget på i tyve sekunder, mon ikke du også kan klare 25K i euro.

Ellers er her en del stillettesko med og uden mudrede sokker, massere af ironi i kraftige pasteller og Robert Crumb undertoner, Lichtenstein og popart referencer og grafisk kunst, der slet ikke burde være kommet op på væggene. Med andre ord: hvis du er i New York idag mandag d. 13. marts og vil vide hvilken retning kunsten går de næste par år, så skynd dig ind at se The Armory show.

Her følger et udpluk af god fotokunst.

Mikkers gode fotokunst liste:
Galleri / Kunstner

  • Galerie EIGEN + ART Leipzig/Berlin – Rémy Markowitsch – Sandwich-print med Laplands landskab og rensdyr / Sandwichprint påfugl og camouflage.
  • Hannah WilkeRonald Feldman Fine Arts, Inc. – Hannah Wilke – Fotos efter operation i æggestokkene (med potteplante på hovedet).
  • Kerlin Gallery – Paul Seawright “Knock n wait”
  • Nobuyoshi Araki – diasmosaik på lysbord – fotos af kvindens blomst og rigtige blomster
  • Roebling Hall – Nick Waplington
  • Rivington Arms – Hanna Liden – Okulte i naturen
  • James NaresPaul Kasmin Gallery – Susan Derges – vand på mørke-tyrkise ruder / James Nares – tonet sort hvid studie i bevægelse – prøver at flyve.
  • Tomia Koyama Gallery – Mamuro Tsukada “Channeling”.
  • Maureen Paley – Hannah Starkey – Newsroom samme dag som bomberne sprang i London. Ansigtsudtrykket i en af studieværterne – eller er det en gæst – er bemærkelsesværdigt.
  • Tim DavisRodolphe Janssen – Tim Davis – Natfoto. Kæmpe oppustet kylling der ligger på vejen.
  • Yvon Lambert – Louise Lawler – “Something about time and space but I’m not sure what it is” – gyldent billede med hjørneet af gylden ballon. Middelmådigt fotografi, men jeg kan godt lide at der vises tvivl og det hiver det op et niveau.
  • Sam Taylor WoodWhite Cube / Jay Jopling – Sam Taylor Wood – kvinde svæver over stole. Ikke helt sikker på det her billede. Det er ligesom for nemt, men der også god energi i billedet.

Mikkers liste over fotos som var så som så:

  • Gallerie Emmanuel Perrotin – Sophie Calle – Følger fortsat efter sin ofre og dokumenterer det. I know – hun er kendt og alt det der, men…
  • Team Gallery – Slater Bradley – Fyr der holder pandabamse i Zoo
  • Cheim & Read – Eggleston med to sort hvid fotos.
  • Deitch Projects – Julie Atlas – Ms. Pussy med cigarette i munden

Anden kunst der lige har bidt sig fast.

  • SCAI – Julian Opie (Blur cover) tegnefilm
  • Sue Williams – Lyserøde lavalampe-agtige kønsorganer på lærred.
  • Tony Oursler – tallende ansigt med mange munde.
  • Gallerie Emmanuel Perrotin – Mr. – manga-ansigt.
  • Dylan StoneNicole Klagsbrun Gallery – Dylan Stone – miniaturer af strissere der knepper.
  • The Project – Aernout Mik – Park – videokunst
  • Roslyn Oxley9 Gallery – Michael Parekowhai’s danseballerina der ligger på gulvet.
  • Patricia Piccinini – The Embrace – pungdyr lignende dyr der omfavner en kvindes ansigt.

Stress!

Om et par dage rejser jeg til Fotofest i Houston for at vise mine fotos til alle mulige galleriejere og forlæggere, så den står på treholdsskift for at blive klar. Det gode ved det enorme tidspress er, at jeg bliver nødt til at skære ind til benet i serierne, for jeg kan simpelthen ikke nå at billedbehandle, få trykt og indbundet alt det jeg vil. Men jeg vil nødigt skære helt ind til marven.

Fotofest er speeddating for fotografer. Der er ca. tyve minutters snak om dit fotografi og så videre til næste galleriejer, forlægger eller samler.