Exponeringar och annonser för fastighetsmäklare och kunder

Många webbplatser misslyckas på grund av att besökarna inte känner sig 100 % bekväma. Detta kan bero på att bilderna inte komprimeras och att det tar 30-40 sekunder att ladda en sida. Särskilt på landsbygden där det inte finns någon snabb internetuppkoppling kan det snabbt lamslå datorn om man laddar in foton med en stor filstorlek och kanske en extra video. Naturligtvis väntar du inte för evigt utan byter helt enkelt till en annan sida. Du måste förhindra detta avbrott!

Det finns olika sätt att minska antalet avhopp. Du kan hitta viktig information och videor på min blogg eller på min YouTube-kanal.

I dag tittar vi särskilt på ämnet komprimering och underhåll med aspekter av sökmotoroptimering.

Val av kameraformat med 4:3 eller 16:9?

Innan vi ens kan börja bygga vår webbplats måste vi ta reda på om alla fastighetselement som skickas ut via vårt WordPress-tema är korrekt formaterade. Detta innebär att CSS i WordPress-temat är skrivet på ett sådant sätt att varje foto, oavsett hur det laddas upp, alltid visas korrekt. I praktiken kanske detta inte fungerar eftersom du till exempel också tar foton i porträttformat. Porträttformat i fotografier centreras då automatiskt i mitten och återspeglar därmed inte det bildutsnitt som ursprungligen var avsett för projektet. En annan viktig punkt är att skjutreglage ofta används i enskilda fastighetslistor. Återigen är den utformad för att ha en viss storlek så att den visas korrekt på alla enheter, från bärbar dator till dator, surfplatta eller smartphone.

Hur säkerställer vi då att det fungerar bra?

För varje ny fastighetsannons och varje nytt foto av en lägenhet eller ett hus måste det finnas ett enhetligt format. Alla foton beskärs exakt i detta format innan de laddas in i WordPress-systemet.

Vilka är fördelarna?

• Samma layout på alla sidor och enskilda sidor
• Komprimerade foton för snabb laddning
• Sökmotoroptimerade filnamn

Ju mer likartade elementen är, desto högre kvalitet har webbplatsen. Högkvalitativa webbplatser är en garanti, och för oss ger de god försäljning. Därför bör du vara uppmärksam på sådana detaljer redan från början. När du väl har infört en sådan mall i ditt företag kan dina anställda eller du själv när som helst använda den. Detta sparar mycket tid och personalkostnader och leder till ökad försäljning. Din webbplats kommer också att rankas bättre av sökmotorerna, eftersom den tid som spenderas på din webbplats vanligtvis ökar när designelementen är perfekta. Därför fokuserar vi på att skapa annonser.

I princip har varje kamera två format som du kan ta bilder med. Du kan enkelt ändra detta i inställningarna, oavsett om det gäller Canon, Sony eller andra kameratillverkare. Det är viktigt att välja endast ett format. Vilket format som kommer ut ur kameran är vanligtvis inte så viktigt. Det viktiga är att den nu är korrekt inlagd i Photoshop-mallen.

Videohandledning – Hur det fungerar

Mall för Photoshop-fil

Nu när vi har lärt oss allt viktigt om orsaken till optimering kan vi titta närmare på Photoshop-mallen. Den här mallen är som alltid gratis att ladda ner för fastighetsmäklare, reklambyråer och mediechefer.

Båda Photoshop-filerna är redan inställda på ett mindre format, med en maximal bredd på 1920 respektive 2000 pixlar. Detta innebär att dina bilder fortfarande är tillräckligt stora för att en besökare ska kunna se dem i full upplösning på datorn. Du behöver bara ladda ner Photoshop-filen.

Gratis nedladdning: Photoshop-mall för fastighetsmäklare

• Ladda ner – Photoshop-mall – kameraformat 3:4 ( ZIP-fil)
• Ladda ner – Photoshop-mall – kameraformat 16:9 ( ZIP-fil)

Klistra in i Photoshop

När du har tagit bilderna behöver du bara dra bilderna från minneskortet till datorn. För att göra detta sätter du bara in SD-minneskortet i lämplig plats på datorn eller kortläsaren. En mapp öppnas från vilken du kan dra bilderna till din Photoshop-fil. Gör så här:

• Aktivera kortläsaren eller sätt in SD-kortet direkt i datorn
• Öppna mappen med bildfiler och gör ett urval
• Platsval i Photoshop

Minska storleken på bilder med genväg

Eftersom alla dina bilder är i samma format, som du kan se i instruktionsfilmen, kan du förstora eller förminska alla bilder samtidigt. Välj alla lager, börja med det första och tryck på det sista lagret med musen samtidigt som du håller ned Shift-tangenten. I nästa steg trycker du på Ctrl+T för att komma åt omvandlingsmodellen. Detta låter först komplicerat, men är faktiskt ganska enkelt för att förstora eller förminska bilderna. Se alltid till att du bara drar bilderna i kanterna, inte i sidorna. För att göra detta trycker du alltid på Shift-tangenten. Detta förstorar eller förminskar bilderna proportionellt. Formatet är inte förvrängt. Här följer återigen en sammanfattning

• Placera urvalet kollektivt i Photoshop
• Bekräfta med Enter för att placera bilderna
• När alla bilder är arkiverade markerar du lagren och trycker på Ctrl+T.
• Skala nu bilderna i storlek genom att hålla ned Shift-tangenten.

Komprimerad lagring för webben och enheter

Nu kommer vi till att spara bilderna för vår fastighetsannons. Här kommer tricket: spara alltid dina bilder komprimerade. Ett foto i samma format utan komprimering är fortfarande lätt 1,5 MB, men vi kan komprimera det med 60-80 % på detta sätt, kanske till och med från 200-300 KB.

För att göra detta väljer du bara File under Photoshop och Save for Web and Devices under Photoshop under Cloud-versionen. Här behöver du bara göra följande inställningar

• Utgång – JPEG
• Kompressionskvalitet – 50 %

Nästa steg är att tilldela filnamnet, och även här kan du göra lite för att optimera din ranking.

Sökmotoroptimerad filnamnering

När du tilldelar ett filnamn ska du vara försiktig så att du inte använder kamerans filnamnsformatering. Kameror ger bara ut numrerade bilder, så de kan inte beskriva vilka känslor en bild återspeglar eller vilka föremål eller platser som finns gömda här. Det är därför vi byter namn på våra bilder och namnger dem i stället för standardutgången:

• DCIM45592.JPEG
• House-berlin-friedrichshain-sale-balcony-view-park.JPEG

Vi gör detta med alla foton av vår aktuella fastighet och varierar de enskilda filerna beroende på vad som kan ses på bilden. Prefixet med respektive fastighetsobjekt, ort och distrikt kvarstår.

Infoga i WordPress

Vi gjorde det! Nu har vi förberett vår nya fastighetshemsida perfekt och har inte bara ett vackert WordPress-tema utan också perfekta bilder som ser likadana ut på alla sidor. Istället för liggande och stående format använder vi endast bilder i liggande format och naturligtvis är alla komprimerade och optimerade för sökmotorn genom filnamnet.

Om du fortfarande letar efter rätt WordPress-tema, får du här mina rekommendationer!

• Fastigheter WordPress-tema

Lär dig SEO: Videotips

Lär dig sökmotoroptimering och programvara! När jag har tid på kvällen på byrån gör jag förklarande videor om marknadsföring i sociala medier, Photoshop och sökmotoroptimering. Några gratis SEO life hacks på vår byrå. Vad kostar en bra SEO-optimering? Ingenting, om du gör det själv! Som jag redan har visat på min Youtube-kanal och i många blogginlägg är WordPress i synnerhet ett utmärkt sätt att bygga egna stora webbplatser, till och med hela nätbutiker, med stark förprestanda. Lycka till med din inlärning:

• Lär dig SEO: Videotips

Fastigheter: Nyttiga länkar

• Byggnadsbolagsavtal – FIV Magazine
• Lyxig fastighetsmäklare – Lukinski Property
• Investeringar – FIV Magazine
• Investeringsfastigheter – FIV Magazine
• Investeringsfastigheter Intervju – FIV Magazine
• Är fastigheter en vettig investering? – Immo AO

Automatisk bildredigering i Photoshop: Videohandledning

Principen är relativt enkel: vi instruerar Photoshop att registrera en handling, spara den och återge den senare. I slutet av videon finns ett särskilt tips för snabb SEO (sökmotoroptimering) av bilder.

Du hittar fler tips och en detaljerad beskrivning direkt under videohandledningen!

Öppna åtgärdsfönster för att skapa nya batchprocesser

För att öppna åtgärdsfönstret går du till menyalternativet ”Window” (fönster) i huvudmenyn och där hittar du ”Actions” (åtgärder). Då öppnas fönstret i Photoshop, precis som du redan har lager eller tecken från standardinställningarna på skärmen. Åtgärdsfönstret är uppbyggt på samma sätt som lagren. Du har olika grupper, här kallad ”set”, ”layer symbol” ger en ny ”action”. Vi kan alltså skapa en ny uppsättning, t.ex. för en viss kund eller ett projekt, och i denna uppsättning kan vi sedan lagra olika automatiseringar.

Vi öppnar en ny uppsättning, kallar den Customer XY och startar sedan en ny åtgärd, som vi t.ex. kallar ”Compress > JPG > w1080”.

I nästa steg måste allting passa in, så för att spara ändringar bör du tänka igenom processen i god tid före automatiseringen. Med enkla animationer är detta relativt enkelt, men som jag beskrev i min artikel om produktion av smyckesproduktbilder för onlinebutiker genom automatisering kan sådan automatisering bli mycket komplex och även kräva att vissa Photoshop-skript skrivs om, t.ex. för att namnge bilder i databasens beroenden enligt artikelnummer. Men låt oss återgå till vårt enkla exempel!

Hur man gör: Nu börjar det hela

Vi skapar vår uppsättning och startar vår åtgärd. Klicka på symbolen ”Nivåer” för att komma igång. Först visas ett nytt litet fönster där du måste ange namnet på åtgärden. Jag rekommenderar alltid en titel som anger exakt vad som händer under handlingen (som ovan).

”Compress > JPG > w1080” står för

• Kompression
• Spara som JPG
• Med en bredd på 1080 pixlar

Starta åtgärden: Öppna fotot, ändra storlek och spara

Från och med nu ska vi arbeta exakt, vi öppnar den första bilden i Photoshop. Därefter ändrar vi bildstorleken, antingen via huvudmenyn ”Bild”, ”Ändra bildstorlek” eller via genvägen Ctrl + Alt + I. Bildstorleken är nu inställd på t.ex. 1080 pixlar i bredd. Detta innebär att vår bild är skarp och relativt liten på både dator, surfplatta och mobil.

Därefter sparar vi bilden komprimerad ”För webben och enheter”, här återigen en påminnelse om min handledning för Photoshop bildkomprimering. Nu definierar vi en mapp där alla bilder från denna åtgärd kommer att sparas varje gång. Även i framtiden! Jag har till exempel alltid en exportmapp där allt nytt hamnar, så att jag alltid vet var varje åtgärd hamnar. Alla exporterade bilder från åtgärden och andra bilder hamnar vanligtvis i en mapp. Vi går nu till Spara, ställer in kvaliteten på 40 % och JPG. Detta komprimerar vanligtvis våra bilder till 5-10 % av den ursprungliga storleken, vilket gör dem mycket mer relevanta för sökmotoroptimering än andra. Om vi till exempel har en samling bilder på en hemsida laddas vår sida 10-20 gånger snabbare än konkurrenternas sidor. En klar marknadsfördel i sökmotorpositionering. Nu stänger vi bilden antingen via ”File” och ”Close” i huvudmenyn eller via genvägen Ctrl + W. Vår bild sparas inte längre. Därefter avslutar vi åtgärden genom att trycka på knappen ”Stop” i vår handlingsfältet.

Behandlingen eller åtgärden sparas nu.

Nu tar vi bort den enda testbilden från mappen och kan börja med automatiseringen!

Klart! Nu kommer vi till den automatiska behandlingen av bilderna.

För att starta automatiseringen går vi till ”File”, ”Automate”, ”Batch” i huvudmenyn. Där väljer vi nu vår respektive uppsättning och åtgärd. Vår nya åtgärd bör redan vara vald automatiskt. I nästa steg väljer vi bara vår källmapp, var kommer filerna ifrån? I vårt exempel är det mappen där vi har alla våra pressbilder, mässbilder eller annat. Om vi nu trycker på OK kommer alla bilder att behandlas en efter en, helt automatiskt, och sparas i mappen.

Extremt tidsbesparande med Photoshop!

Att behärska batchbehandling och automatisering i Photoshop sparar mycket tid. Av egen erfarenhet kan jag rapportera att den kan slå hela team i projektuppdrag. Precis som i min artikel om Photoshop-automatisering för smyckesbilder på nätet kan du också skapa tiotusentals filer som ser extremt realistiska ut – oavsett om det är brons, silver eller guld. Men även grunderna är tillräckliga, som den här batchbehandlingen av bildstorlek och komprimering, med 100 bilder kan en anställd lätt spara en hel arbetsdag. Och det med en tidsåtgång på 10 minuter. Ha kul med att prova, lära dig och förbättra dig!

Extra tips för batchbehandling: vattenstämplar och olika format

1. Tips! Den här handledningen fungerar också för vattenstämplar eller logotyper som ska visas i videor. Det är bara att ta ett foto, ändra bildstorleken och lägga till logotypen. Resten av processen är helt likadan. När du sedan startar automatiseringen får varje enskilt foto inte bara ändringen i bildstorlek, utan även logotypen placerad där du tänkt dig.
2. Tips! Se till att separera bilder i stående format från bilder i liggande format när du till exempel placerar logotyper. Eftersom Photoshop behöver samma grunder, kommer logotyperna att placeras felaktigt om t.ex. bildformatet ändras, liksom i stående och liggande format, om de t.ex. ligger i kanten. Här måste du se till att logotypen kan användas tillsammans med både stående och liggande bilder.

SEO för bilder efter batchbearbetning

I slutet av videon finns ett specialtips för snabb SEO av bilder! Efter att Google ändrat riktlinjerna och bilderna, efter att bildsökningen, återigen ger en direktlänk till din egen webbplats, spelar sökmotoroptimering för bilder och foton en viktigare roll igen.

Mer Photoshop?

Du kan alltid hitta fler videor på min Youtube-kanal: Photoshop.

Beskärning med Photoshop – Del 1

Skapa GIF – Del 1

Skapa en infografik – del 1

Videohandledning – Komprimering av bilder och foton för sökmotoroptimering

1. Komprimera foton och bilder i Photoshop (”Spara för webb och enheter”)
2. Komprimera foton online – du hittar rekommenderade länkar i slutet av den här artikeln.

Videohandledning – Photoshop och onlinekomprimering

Komprimera bilder online – Länks rekommendationer

• TinyPNG
• Optimizilla
• CompressJPG

Lär dig SEO: Videotips

Lär dig sökmotoroptimering och programvara! När jag har tid på kvällen på byrån gör jag förklarande videor om marknadsföring i sociala medier, Photoshop och sökmotoroptimering. Några gratis SEO life hacks på vår byrå. Vad kostar en bra SEO-optimering? Ingenting, om du gör det själv! Som jag redan har visat på min Youtube-kanal och i många blogginlägg kan du bygga dina egna fantastiska webbplatser, särskilt med WordPress, och till och med hela onlinebutiker med stark förprestanda. Lycka till med din inlärning!