Eksponeringer og reklamer for ejendomsmæglere og kunder

Mange websteder mislykkes, fordi de besøgende ikke føler sig 100 % trygge ved dem. Det kan skyldes, at billederne ikke er komprimeret, og at det tager 30-40 sekunder at indlæse en side. Især i landområder, hvor der ikke er nogen hurtig internetforbindelse, kan det hurtigt lamme computeren at indlæse billeder med en stor filstørrelse og måske en ekstra video. Du skal naturligvis ikke vente i al evighed, men blot skifte til en anden side. Du skal forhindre denne afbrydelse!

Der er forskellige måder at reducere frafaldet på. Du kan finde nogle vigtige oplysninger og videoer på min blog eller på min YouTube-kanal.

I dag ser vi specifikt på emnet komprimering og vedligeholdelse i forbindelse med aspekter af søgemaskineoptimering.

Valg af kameraformat med 4:3 eller 16:9?

Før vi overhovedet kan begynde at opbygge vores websted, skal vi se på, om alle ejendomselementer, der udgives via vores WordPress-tema, er formateret korrekt. Det betyder, at CSS’en i WordPress-temaet er skrevet på en sådan måde, at alle billeder, uanset hvordan de er uploadet, altid bliver vist korrekt. I praksis kan det dog være, at det ikke fungerer, fordi du f.eks. også tager billeder i højformat. Portrætformater i fotografier bliver så automatisk centreret i midten og afspejler således ikke det billedudsnit, der oprindeligt var tiltænkt til projektet. Et andet vigtigt punkt er, at skydere ofte anvendes i individuelle ejendomsannoncer. Igen er dette designet til at have en bestemt størrelse, så du bliver vist korrekt på alle enheder, fra notebook til desktop til tablet eller smartphone.

Hvordan sikrer vi så en god funktion?

For hver ny ejendomsannonce og hvert nyt foto af en lejlighed eller et hus skal der være et ensartet format. Alle billeder beskæres nøjagtigt til dette format, før de indlæses i WordPress-systemet.

Hvilke fordele er der?

• Samme layout på alle sider og på de enkelte sider
• Komprimerede fotos for hurtig indlæsning
• Søgemaskineoptimerede filnavne

Jo mere ens elementerne er, jo højere er kvaliteten af et websted. Websites af høj kvalitet er en garanti, og for os giver de et godt salg. Derfor bør du være opmærksom på sådanne detaljer lige fra starten. Når du først har etableret en sådan skabelon i din virksomhed, kan dine medarbejdere eller du selv til enhver tid trække på den. Det sparer dig for en masse tid og personaleomkostninger og vil føre til mere salg. Dit websted vil også blive bedre vurderet af søgemaskinerne, da den tid, der bruges på dit websted, normalt øges, når designelementerne er perfekte. Det er derfor, vi fokuserer på at skabe reklamer.

I princippet har alle kameraer to formater, som du kan tage billeder med. Du kan meget nemt ændre dette i indstillingerne, uanset om det er Canon, Sony eller andre kamerafabrikanter. Det er vigtigt, at du kun vælger ét format. Hvilket format der kommer ud af kameraet, er normalt ikke så vigtigt. Det vigtige er, at det nu er indtastet korrekt i Photoshop-skabelonen.

Videovejledning – Sådan fungerer det

Photoshop-fil skabelon

Nu hvor vi har lært alt det vigtige om årsagen til optimering, kan vi se nærmere på Photoshop-skabelonen. Som altid er denne skabelon selvfølgelig gratis at downloade til ejendomsmæglere, reklamebureauer og mediechefer.

Begge Photoshop-filer er allerede indstillet til et mindre format med en maksimal bredde på henholdsvis 1920 og 2000 pixels. Det betyder, at dine billeder stadig er store nok til, at en besøgende kan se dem i fuld opløsning på computeren. Du skal blot downloade Photoshop-filen.

Gratis download: Photoshop-skabelon for ejendomsmæglere

• Download – Photoshop-skabelon – kameraformat 3:4 ( ZIP-fil)
• Download – Photoshop-skabelon – kameraformat 16:9 ( ZIP-fil)

Indsæt i Photoshop

Når du har taget billederne, skal du blot trække billederne fra hukommelseskortet til din computer. Du skal blot indsætte dit SD-hukommelseskort i den relevante slot på din computer eller kortlæser for at gøre dette. Der åbnes en filmappe, hvorfra du kan trække billederne ind i din Photoshop-fil. Fremgangsmåden er som følger:

• Aktiver kortlæseren eller indsæt SD-kortet direkte i computeren
• Åbn mappen med billedfiler, og vælg
• Placering af valg i Photoshop

Reduktion af størrelsen af billeder med genvej

Da alle dine billeder er i samme format, kan du, som du kan se i videoen, forstørre eller formindske alle billederne på samme tid. Dette gøres ved at vælge alle lagene, starte ved det første og trykke på det sidste lag med musen, mens du holder Shift-tasten nede. I det næste trin trykker du på Ctrl+T for at få adgang til transformationsmodellen. Det lyder umiddelbart kompliceret, men det er faktisk ret simpelt at forstørre eller formindske billederne. Sørg altid for, at du kun trækker i billederne i kanterne og ikke i siderne. Du skal altid trykke på Shift-tasten for at gøre dette. Herved forstørres eller formindskes billederne proportionalt. Formatet er ikke forvrænget. Her endnu en gang i oversigt

• Placer dit valg samlet i Photoshop
• Bekræft med Enter for at placere billederne
• Når alle billederne er arkiveret, skal du vælge lagene og trykke på Ctrl+T.
• Skaler nu billederne i størrelse ved at holde Shift-tasten nede

Komprimeret lagring til web og enheder

Nu kommer vi til at gemme billederne til vores ejendomsannoncer. Her kommer tricket: Gem altid dine billeder komprimeret. Mens et foto i samme format uden komprimering stadig er nemt 1,5 MB, kan vi komprimere det med 60-80 % på denne måde, måske endda fra 200 til 300 KB.

Du skal blot vælge File under Photoshop og Save for Web and Devices under Photoshop under Cloud-versionen for at gøre dette. Her skal du kun foretage følgende indstillinger

• Output – JPEG
• Komprimeringskvalitet – 50%

Det næste skridt er at tildele filnavnet, og her kan du også gøre lidt for at optimere dine placeringer.

Søgemaskineoptimeret navngivning af filer

Når du tildeler et filnavn, skal du være opmærksom på ikke at overtage filnavneformateringen fra dit kamera. Kameraer udsender kun nummererede billeder, så de kan ikke beskrive, hvilke følelser et billede afspejler, eller hvilke genstande eller steder der er skjult her. Det er derfor, vi omdøber vores billeder og navngiver dem i stedet for standard output:

• DCIM45592.JPEG
• Hus-berlin-friedrichshain-salg-balcony-view-park.JPEG

Det gør vi med alle billederne af vores aktuelle ejendom og varierer de enkelte filer alt efter, hvad der kan ses på dette billede. Præfikset med det pågældende ejendomsobjekt, beliggenhed og distrikt forbliver.

Indsæt i WordPress

Vi gjorde det! Nu har vi perfekt forberedt vores nye ejendomshjemmeside og har ikke kun et smukt WordPress-tema, men også perfekte billeder, der ser ens ud på alle sider. I stedet for liggende og stående format bruger vi kun billeder i liggende format, og de er naturligvis alle komprimeret og optimeret til søgemaskinen ved hjælp af filnavnet.

Hvis du stadig leder efter det rigtige WordPress-tema, så er her mine anbefalinger til dig!

• Fast ejendom WordPress tema

Lær SEO: Videotips

Lær søgemaskineoptimering og software! Når der er tid om aftenen på bureauet, laver jeg forklarende videoer om markedsføring på sociale medier, Photoshop og søgemaskineoptimering. Et par gratis SEO life hacks på vores bureau. Hvad koster en god SEO-optimering? Intet, hvis du gør det selv! Som jeg allerede har vist på min Youtube-kanal og i mange blogindlæg, er WordPress især en fremragende måde at opbygge dine egne store websteder, selv hele online shops med stærk præ-performance. Held og lykke med din læring:

• Lær SEO: Videotips

Fast ejendom: nyttige links

• Kontrakt med et pensionsselskab – FIV Magazine
• Luksus ejendomsmægler – Lukinski Property
• Investeringer – FIV Magazine
• Investeringsejendomme – FIV Magazine
• Interview om investeringsejendomme – FIV Magazine
• Giver fast ejendom mening som en investering? – Immo AO

Automatisk billedredigering i Photoshop: Videovejledning

Princippet er relativt simpelt: Vi giver Photoshop besked om at registrere en handling, gemme den og reproducere den senere. I slutningen af videoen er der et særligt tip til hurtig SEO (søgemaskineoptimering) af billeder.

Du kan finde flere tips og en detaljeret beskrivelse direkte under videovejledningen!

Åbn handlingsvinduet for at oprette nye batchprocesser

For at åbne handlingsvinduet skal du gå til menupunktet “Window” i hovedmenuen, og der finder du “Actions”. Derefter åbnes vinduet i Photoshop, ligesom du allerede har lag eller tegn fra standardindstillingerne på skærmen. Handlingsvinduet er opbygget på samme måde som lagene. Du har forskellige grupper, her kaldet “sæt”, “lag symbolet” giver mulighed for en ny “handling”. Så vi kan oprette et nyt sæt, f.eks. for en bestemt kunde eller et projekt, og i dette sæt kan vi gemme forskellige automatiseringer.

Vi åbner et nyt sæt, kalder det Customer XY og starter derefter en ny handling, som vi f.eks. kalder “Compress > JPG > w1080”.

I det næste trin skal alt passe, så for at gemme ændringer skal du tænke godt over processen forud for automatiseringen. Med enkle animationer er dette relativt enkelt, men som jeg beskrev i min artikel om produktion af billeder af smykkeprodukter til onlinebutikker ved hjælp af automatisering, kan en sådan automatisering blive meget kompleks og også kræve omskrivning af visse Photoshop-scripts, f.eks. for at navngive billeder i afhængigheder i databasen i henhold til artikelnumre. Men lad os vende tilbage til vores enkle eksempel!

Sådan gør du: Nu begynder det hele

Vi opretter vores sæt og starter vores aktion. Klik på symbolet “Niveauer” for at komme i gang. Først vises et nyt lille vindue, hvor du skal indtaste navnet på handlingen. Jeg anbefaler altid en titel her, der angiver præcis, hvad der sker under handlingen (som ovenfor).

“Compress > JPG > w1080” står for

• Kompression
• Gem som JPG
• Med en bredde på 1080 pixels

Start af handlingen: Åbn foto, ændre størrelse og gem

Fra nu af skal vi arbejde nøjagtigt, vi åbner det første billede i Photoshop. Dernæst ændrer vi billedstørrelsen, enten via hovedmenuen “Image”, “Change image size” eller via genvejen Ctrl + Alt + I. Billedstørrelsen er nu indstillet til f.eks. 1080 pixels i bredden. Det betyder, at vores billede er skarpt og relativt lille på både desktop og tablet samt på mobil.

Dernæst gemmer vi billedet komprimeret “Til web og enheder”, her er der igen en påmindelse om min tutorial for Photoshop-billedkomprimering. Nu definerer vi en mappe, hvor alle billeder fra denne handling vil blive gemt hver gang. Også i fremtiden! Jeg har f.eks. altid en eksportmappe, hvor alt nyt bliver lagt, så jeg altid ved, hvor hver enkelt handling skal hen. Alle eksporterede billeder fra handlingen og andre billeder lægges normalt i én mappe. Vi går nu til Gem, sætter kvaliteten til 40 % og JPG. Dette komprimerer normalt vores billeder til 5-10 % af den oprindelige størrelse, hvilket gør dem langt mere relevante for søgemaskineoptimering end andre. Hvis vi f.eks. har en samling billeder på en hjemmeside, indlæses vores side 10 til 20 gange hurtigere end konkurrenternes sider. En klar markedsfordel i forhold til positionering i søgemaskinerne. Nu lukker vi billedet enten via “File” og “Close” i hovedmenuen eller via genvejen Ctrl + W. Vores billede er ikke gemt nu. Herefter afslutter vi handlingen ved at trykke på knappen “Stop” i vores aktionslinje.

Stadigbehandlingen eller handlingen er nu gemt.

Vi sletter nu det ene testbillede fra vores mappe og kan begynde med vores automatisering!

Færdig! Nu kommer vi til den automatiske behandling af billederne

For at starte automatiseringen skal vi gå til “File”, “Automate”, “Batch” i hovedmenuen. Her vælger vi nu vores respektive sæt og handling. Vores nye handling bør allerede være valgt automatisk. I det næste trin vælger vi kun vores kildemappe, hvor kommer filerne fra? I vores eksempel er det mappen, hvor vi har alle vores pressebilleder, messebilleder eller andet. Hvis vi nu trykker på OK, vil alle billederne blive behandlet et efter et, helt automatisk, og gemt i mappen.

Ekstrem tidsbesparelse med Photoshop!

Når du behersker batchbehandling og automatisering i Photoshop, sparer du meget tid. Af egen erfaring kan jeg fortælle, at den kan slå hele hold på projektopgaver. Som i min artikel om Photoshop-automatisering af online-billeder til smykker kan du også oprette titusindvis af filer, der ser ultra-realistiske ud – uanset om det er bronze, sølv eller guld. Men selv det grundlæggende er nok, som f.eks. denne batchbehandling af billedstørrelse og komprimering, hvor 100 billeder nemt sparer en hel arbejdsdag for en medarbejder. Og det med en tidsinvestering på kun 10 minutter. God fornøjelse med at prøve det, lære og forbedre dig!

Ekstra tips til batchbehandling: vandmærker og forskellige formater

1. Tip! Denne vejledning fungerer også med vandmærker eller logoer, der skal vises i videoer. Du skal bare tage et foto, ændre billedstørrelsen og derefter tilføje logoet. Resten af processen er fuldstændig den samme. Når du derefter starter automatiseringen, får hvert enkelt foto ikke kun ændringen i billedstørrelsen, men også logoet placeret, hvor du ønskede det.
2. Tip! Sørg for at adskille billeder i højformat og billeder i tværformat, når du f.eks. placerer logoer. Fordi Photoshop har brug for de samme grundelementer, vil logoerne blive placeret forkert, hvis f.eks. billedets format ændres, og hvis de f.eks. er i højformat eller landskabsformat, hvis de f.eks. er på kanten. Her skal du sørge for, at logoet kan bruges sammen med både høj- og tværformatbilleder.

Image SEO efter batchbehandling

I slutningen af videoen er der et særligt tip til hurtig SEO af billeder! Efter at Google har ændret retningslinjerne og billederne, efter at billedsøgningen igen giver et direkte link til dit eget websted, spiller søgemaskineoptimering for billeder og fotos igen en vigtigere rolle.

Mere Photoshop?

Du kan altid finde flere videoer på min Youtube-kanal: Photoshop.

Beskæring med Photoshop – Del 1

Opret GIF – Del 1

Opret infografik – Del 1

Videovejledning – Komprimering af billeder og fotos med henblik på søgemaskineoptimering

1. Komprimér fotos og billeder i Photoshop (“Gem til web og enheder”)
2. Komprimér fotos online – du finder anbefalede links i slutningen af denne artikel.

Video tutorial – Photoshop og online komprimering

Komprimering af billeder online – Link anbefalinger

• TinyPNG
• Optimizilla
• CompressJPG

Lær SEO: Videotips

Lær søgemaskineoptimering og software! Når der er tid om aftenen på bureauet, laver jeg forklarende videoer om markedsføring på sociale medier, Photoshop og søgemaskineoptimering. Et par gratis SEO life hacks på vores bureau. Hvad koster en god SEO-optimering? Intet, hvis du gør det selv! Som jeg allerede har vist på min Youtube-kanal og i mange blogindlæg, kan du bygge dine egne fantastiske websteder især med WordPress, selv hele onlinebutikker med en stærk præ-performance. Held og lykke med din læring!