Cum să creați o pagină de imagine perfectă pentru afacerea dvs. de comerț electronic

Proiectarea paginilor dvs. de produs este una dintre cele mai importante și complexe pagini ale magazinului dvs. Luați în considerare toate situațiile în care un potențial client ar putea ajunge pe pagina produsului dvs.:

• Direct de la un motor de căutare
• După ce navigați prin magazin
• După ce faceți clic printr-o reclamă vizată

Ca unul dintre pașii finali ai unei vânzări, pagina produsului dvs. trebuie să fie:

• Optimizat pentru a se asigura că poate fi găsit cu ușurință,
• Destul de informativ pentru a insufla încredere în client și
• Conceput bine pentru a oferi o experiență excelentă de cumpărături online

Există o serie de lucruri pe care le puteți face pentru a îmbunătăți șansele ca oamenii să vă găsească pagina produsului și să crească rata de conversie odată ce ajung acolo. Pentru a defecta lucrurile, am creat un ghid în cinci părți pentru a crea pagina produsului perfect.

Partea 1: Înțelegeți componentele proiectării excelente a paginilor de produs

Înainte de a intra în detalii despre cum să optimizați fiecare aspect al paginii dvs. de produs, să analizăm un exemplu excelent de proiectare a paginii de produs pentru a înțelege cum se încadrează fiecare componentă și de ce sunt importante.

Uniqlo Australia are un exemplu excelent de pagină a produsului, care este concepută pentru utilizator. Iată o captură de ecran a uneia dintre paginile lor tipice de produse cu componentele cheie evidențiate:

Imediat, veți observa că> 90% din pagină este dedicată furnizării mai multor informații clienților despre produsul pe care îl vizionează și aproape niciun spațiu nu este irosit deasupra pliantei. Pentru a descompune și mai mult fiecare secțiune:

• Titlul produsului și prezentarea generală sunt ușor de localizat. În același mod în care clădirile și semnele acționează ca puncte de referință atunci când vizitați un oraș nou, titlurile bune îi ajută pe clienți să navigheze pe un nou site.
• O galerie de imagini care prezintă produsul din diferite unghiuri, cu un model și de aproape.
• Imaginea produsului este în față și în centru. O fotografie clară pe un fundal alb prezintă produsul în cea mai bună lumină. Imaginile sunt ceea ce caută clientul, deci plătește pentru a le face proeminente.
• O descriere unică și detaliată a produsului care descrie ce este, gândul din spatele designului său și cum rezolvă problema cumpărătorului.
• Recenzii sincere ale clienților care vă ajută să creați încredere în produsul și marca dvs.
• Clienții știu ce vor, dar s-ar putea să nu știe cum să-l găsească. Afișarea produselor vizualizate recent sau conexe îi ajută să își restrângă opțiunile mai repede și vă oferă posibilitatea de a prezenta produsele pe care credeți că le-ar putea prefera.
• O mulțime de opțiuni și variante pe o singură pagină înseamnă că un client nu trebuie să navigheze prin mai multe produse.
• Imediat după ce clientul termină de selectat opțiunile, butonul „Adaugă în coș” îi așteaptă.
• Nu sunteți gata să vă angajați? Linkurile către informații suplimentare, cum ar fi politica dvs. de expediere și returnare, vă ajută să răspundeți la orice întrebări persistente.

Întotdeauna mi se pare util să analizez modul în care alte magazine și-au proiectat paginile de produse. Nici nu trebuie neapărat să te uiți la magazinele din aceeași industrie. Luați în considerare ce strategii fac site-urile populare din alte industrii pe care clienții le adoră, dar nu sunt utilizate de concurenții dvs.

În cele mai reușite pagini de produse, veți găsi o variantă a acestor aceleași componente:

• Descrieri clare și unice
• Fotografie excelentă de produs
• Recenzii pentru a insufla încrederea cumpărătorului
• Opțiuni de personalizare
• Ștergeți butonul „Adăugați în coș”
• Informații suplimentare de expediere sau cumpărare

Partea 2: Răspundeți la aceste întrebări în copia produsului dvs.

O copie excelentă este crucială pentru pagina produsului dvs. Nu doar pentru clienții dvs., ci și pentru SEO. Folosirea informațiilor despre producător sau despre produsele generice este o modalitate sigură de a vă asigura că produsul dvs. nu este competitiv în clasamentele de căutare.

Pentru a crea o copie excelentă a paginii de produs, există câteva întrebări la care puteți răspunde.

Ce este?

Primul lucru pe care trebuie să îl abordeze copia produsului dvs. este ce anume este produsul. Dacă clientul caută un anumit produs, acesta este primul lucru la care dorește să i se răspundă.

Pentru produsele noi, vor să știe ce anume este și de ce ar trebui să fie interesați.

Cum rezolvă problema?

Ce problemă rezolvă produsul dvs. și cum îl rezolvă? Aceasta este întrebarea fundamentală la care trebuie să răspundeți pentru clienții dvs.

Poate că este la fel de simplă ca o funcție utilitară ca un pulover care te ține la cald. În acest caz, includeți ce materiale sau procese de fabricație au ajutat la realizarea soluției produsului dvs.

Sau poate problema este puțin mai jos în ierarhia nevoilor, iar produsul te ajută doar să arăți mai elegant. Ce poveste sau proces din spatele produsului face de dorit să dețineți?

Oricare ar fi, identificând problema pe care o rezolvă produsul dvs., puteți înțelege întrebările pe care și le-ar pune clientul atunci când cumpără și puteți adapta copia dvs. pentru a le răspunde.

De ce produsul dvs.?

Ați stabilit că există o problemă și modul în care produsul dvs. o poate rezolva. Acum, de ce ar trebui să-ți aleagă produsul decât unul concurent? Ce măsuri suplimentare ați făcut pentru a vă asigura că puloverul dvs. este cel mai cald? Ce ingrediente folosiți pe care nimeni altcineva nu le folosește? Iată oportunitatea dvs. de a arăta de ce produsul dvs. este special.

Chiar dacă vindeți mărfuri de la un alt producător, luându-vă timp pentru a arăta că înțelegeți motivul pentru care acest produs este mai bun, arată că v-ați făcut timp pentru a vă cerceta.

Din ce este făcut?

Ultimul detaliu de adăugat este ceea ce ar putea fi considerat metadate pentru produsul dvs. Furnizarea de informații cu privire la materialele sau ingredientele care intră în produsele dvs. ajută la compensarea incapacității cumpărătorilor online de a simți produsele pentru ei înșiși.

Informațiile simple, cum ar fi ingredientele și instrucțiunile de bază, cum ar fi modul de îngrijire a acestuia sau utilizarea intenționată a acestuia, pot ajuta clientul să vizualizeze produsul și să ofere un context mai bun motoarelor de căutare.

Partea 3: Creați imagini excelente ale produselor

Fotografiile dvs. de produs sunt adesea ceea ce vede clientul prima pe pagină și vă pot arunca instantaneu produsul într-o lumină negativă sau pozitivă. Dar, în afară de primele impresii, fotografiile produsului contribuie, de asemenea, la transmiterea unei cantități mult mai mari de detalii decât posibil doar cu text, care poate ajuta la vânzarea produsului. Fotografierea produsului realizată bine poate reduce chiar și numărul de resurse cheltuite pentru serviciul pentru clienți și returnări.

Iată deci ce trebuie să faceți pentru a crea imagini excelente ale produsului:

Începeți cu Fotografie bună

Fotografiile slab iluminate făcute fără echipamente decente pot fi un steag roșu pentru clienți. A nu lua timp pentru a face fotografii decente vă poate costa, de fapt, mai mult timp când vine vorba de editare.

Dar ... nu trebuie să cheltuiți mulți bani pentru a obține o mică configurație de fotografie mică. Ghidul A Better Lemonade Stand pentru fotografia produselor DIY enumeră modul în care puteți începe să fotografiați produsele DIY cu orice buget.

Cerințele dvs. de bază pentru o configurație de fotografie de produs DIY ar trebui să includă:

• O cameră foto sau un smartphone de bună calitate: nu aveți neapărat nevoie de o cameră DSLR pentru fotografia produsului. Smartphone-ul dvs. va produce fotografii care au o rezoluție suficient de mare și un număr adecvat de setări pentru a regla condițiile de lumină și deschidere.
• O sursă de lumină consistentă: iluminatul dvs. ar trebui să ajute la iluminarea celor mai importante caracteristici ale produsului dvs. și să ascundă orice umbră. Lumina naturală este ideală pentru a începe, deoarece nu este la fel de scumpă sau neplăcută ca iluminatul artificial; totuși, va trebui să utilizați și o lumină de umplere sau o oglindă pentru a distribui uniform sursa de lumină din ambele părți.
• Un fundal alb : fundalurile albe ajută la devierea uniformă a luminii, astfel încât este nevoie de mai puțină muncă pentru a remedia contrastul. De asemenea, face mai ușor editarea fotografiei ulterior folosind instrumentul Magic Wand sau pix. Puteți utiliza o rolă de hârtie sau chiar o foaie suficient de albă pentru a începe.
• O suprafață constantă: pentru a face fotografii uniform.
• Clipuri: pentru a vă menține fundalul sau iluminatul în poziție.
• Un trepied: pentru a vă ține camera foto. A avea un trepied nu este o necesitate, dar vă va ajuta să faceți fotografii consistente rapid pentru multe produse diferite. Dacă sunteți o operație de fotografie individuală, vă poate ușura lucrurile și vă poate economisi timp în post-producție.

Utilizați mai multe imagini

Nu este suficient să folosiți o singură fotografie. Clienții doresc să vadă produsul dintr-o varietate de unghiuri și perspective. Fotografia produsului dvs. poate prezenta cele mai importante aspecte ale produsului dvs. mult mai bine decât orice descriere, deci este important să adăugați câte fotografii este necesar pentru a răspunde la întrebările clientului.

Fotografiile diferite pot avea, de asemenea, diferite niveluri de importanță în diferite etape ale procesului de cumpărare.

Când clienții noi vă descoperă pentru prima dată produsul, ar putea prefera să vadă imagini ale altor persoane care folosesc produsul. Acest lucru este deosebit de important pentru produse - cum ar fi Tile - unde produsul în sine nu este suficient pentru a ilustra ceea ce face, darămite beneficiile sale. Astfel, compania folosește fotografia produsului pentru a ilustra cum și de ce ați folosi-o:

Însă, când accesați pagina reală a produsului, veți găsi fotografii mai detaliate care se concentrează asupra produsului în sine. Odată ce utilizatorii sunt pe pagina produsului, au descoperit modul în care produsul dvs. își rezolvă problema și sunt mai interesați să afle cât de bine o face.

Editați-vă fotografiile

Odată ce aveți fotografiile, trebuie să faceți câteva lucruri pentru a le pregăti cu amănuntul. Cea mai evidentă sarcină este de a elimina fundalurile lor. Având un ecran alb, face acest lucru cu instrumentul Adobe Creative Cloud Magic Wand sau Pen, consumă puțin timp.

După aceasta, vă recomandăm să reglați contrastul sau setările de iluminare pentru a îmbunătăți calitatea imaginii sau pentru a compensa orice schimbare a iluminării naturale. Asigurați-vă că păstrați condițiile de imagine consecvente totuși; nu este recomandat să adăugați niciun fel de filtru.

Dacă nu aveți acces la software-ul de editare a fotografiilor, puteți utiliza instrumente online, cum ar fi Pixlr, care are toate instrumentele de care aveți nevoie pentru a edita fotografiile de bază. Servicii precum Pixc vă pot face față și nevoilor dvs. de editare a imaginilor, prin realizarea imaginilor dvs. neditate și returnarea înapoi a fotografiilor de produse editate profesional.

Optimizați-vă imaginile

Ultimul pas este să vă asigurați că fotografiile dvs. sunt optimizate atât pentru viteză, cât și pentru SEO.

Asigurați-vă că dimensiunile imaginii sunt rezonabile. Shopify recomandă păstrarea imaginilor produsului dvs. sub 70kb. Acest lucru se poate realiza știind în ce tip de format de fișier să salvați imaginile. De regulă:

• GIF-urile sunt imagini de calitate scăzută, care sunt bune pentru pictograme și miniaturi. De asemenea, acceptă animație, dar nu sunt potrivite pentru imagini mari, datorită dimensiunii fișierului și calității slabe.
• SVG este un format vector, ceea ce înseamnă că folosește XML pentru a descrie conținutul imaginii în format text. Va încărca icoane și imagini de bază aproape instantaneu și la o dimensiune a fișierului foarte mică, dar imaginile obișnuite vor fi prea complexe pentru a fi utilizate cu acest format.
• Imaginile PNG sunt fișiere mai rapide care acceptă o compresie mai mică, ceea ce înseamnă că vor păstra calitatea originală a imaginii. De asemenea, acestea acceptă tonuri de gri și transparență, dar dimensiunea fișierului este, în general, prea mare pentru scopuri de comerț electronic.
• JPG se referă la o metodă de compresie care vă permite să modificați gradul de compresie. De obicei, imaginile JPG pot reduce dimensiunea fișierului cu până la 10x fără pierderi perceptibile de calitate. Acest lucru le face ideale pentru crearea de imagini de produs de înaltă calitate, cu dimensiuni reduse.

De asemenea, asigurați-vă că vă denumiți imaginile cu nume de fișiere adecvate și că utilizați titluri și etichete alt care descriu imaginea și conținutul cu precizie. Etichetele Alt pot fi utilizate pentru a include cuvinte cheie notabile, dar scopul lor principal este de a ajuta la accesibilitate.

Partea 4: Păstrați fotografia produsului în concordanță

Magazinele excelente de comerț electronic utilizează fotografii de produse care funcționează la fel de bine pe o pagină de produs individuală sau într-o colecție de produse similare. Dacă aveți imagini consistente, căutarea și compararea produselor sunt mai ușoare și poate crea, de asemenea, consecvență și profesionalism în jurul mărcii dvs.

Iată cele mai bune modalități de a păstra coerența fotografiei produsului:

Fotografiați-vă produsele pe un fundal alb

Unul dintre cele mai simple moduri de a produce în mod constant fotografii grozave de produs este de a utiliza un fundal alb. În postarea noastră anterioară de fotografie, am prezentat modul în care vă puteți crea propria configurație fotografică și puteți face fotografii cu produse de calitate profesională.

Având fotografiile pe un fundal alb vă permite să:

• Creează coerență în toate produsele tale
• Îmbunătățiți anumite aspecte ale produsului dvs.
• Editați-vă cu ușurință fotografiile în viitor și
• Vindeți-vă produsele pe piețe precum Google Shopping și Amazon care necesită un fundal alb.

Utilizați aceleași dimensiuni sau raport de aspect

Nimic nu iese mai mult pe o pagină de colecție decât imagini de diferite dimensiuni. Cu excepția cazului în care ați stabilit în mod specific înălțimea și lățimea minimă folosind CSS, paginile colecției dvs. vor fi o mizerie confuză. Utilizatorii vor trebui să-și petreacă timpul prețios de cumpărături descifrând unde să facă clic.

Luați în considerare chiar și o pagină simplă de colectare a produselor. Cu cât este mai ușor să răsfoiți și să comparați produsele pătrate din dreapta în comparație cu produsele cu mai multe dimensiuni din stânga?

Care arată mai bine?

Deși sunt disponibile aplicații și pluginuri care vă vor pătrate imaginile, cea mai bună abordare este să vă asigurați că imaginile produsului dvs. sunt salvate întotdeauna cu dimensiuni specifice.

Crearea imaginilor cu dimensiuni cuprinse între 1000px și 1600px pe partea cea mai lungă este ok, dar ar trebui să încercați, de asemenea, să păstrați toate imaginile pătrate. Imaginile pătrate vor arăta bine indiferent dacă imaginea este orizontală sau verticală și vă vor păstra imaginile consecvente prin magazin.

Utilizați șabloane de produse

Pentru a obține un magazin de comerț electronic cu aspect profesional, trebuie să creați consistență între imaginile produsului. Aceasta înseamnă că aveți fotografii care nu numai că au aceeași dimensiune, dar au și un stil similar și o poziționare consecventă în interiorul imaginii.

Dacă vă uitați la orice magazin de comerț electronic de succes, veți vedea că imaginile lor se remarcă singure, dar se potrivesc bine într-o colecție, deoarece toate sunt poziționate la aceeași distanță de cameră.

Este dificil să vă asigurați că produsele dvs. sunt poziționate în mod constant în toate fotografiile. Aici șabloanele de produse vă pot ajuta.

Șabloanele de produse asigură că produsele dvs. sunt poziționate în mod constant în aceeași zonă a fotografiei și sunt scalate corect. Acestea pot fi deosebit de importante dacă includeți text pe imaginile produsului.

Pentru a crea un fișier de șablon de produs de bază folosind Photoshop:

• Creați un nou fișier Photoshop cu lățimea și înălțimea dorite. Asigurați-vă că modul de culoare este setat la RGB Color - 8 biți, rezoluția este de cel puțin 72 pixeli / inch și conținutul de fundal este alb sau transparent.

• Apoi, sub „Vizualizare” din meniul principal, selectați „Ghid nou”.

• Creați un ghidaj vertical de 10% și repetați pașii pentru a avea:
  • 10% ghidaj vertical și orizontal
  • 90% ghidaj vertical și orizontal
  • 50% ghidaj vertical și orizontal

• Ar trebui să sfârșiți prin aceasta:

• Acum puteți plasa imaginea dvs. peste șablon. Ghidurile vă vor oferi o referință pentru a ști că imaginea dvs. este centrată atât pe orizontală, cât și pe verticală. De asemenea, vă va ajuta să vă asigurați că produsele dvs. sunt plasate la o scară consistentă.

Acum, doar salvați fișierul ca un document Photoshop obișnuit (.PSD), iar ghizii dvs. vă vor aștepta acolo. Ghidul pe care l-ați făcut vă va permite să încărcați rapid orice fotografii de produse editate și să vă asigurați că arată în mod constant excelent pe tot site-ul dvs. web.

Partea 5: Luați fotografiile produsului la nivelul următor!

Dacă aveți o fotografie excelentă a produsului și descrieri excelente de produse, aveți elementele necesare pentru o pagină de produs cu conversie ridicată. Dar, există încă câteva lucruri finale pe care le puteți face pentru a vă îmbunătăți fotografiile cu produsele, pentru a vă asigura că aveți cea mai bună pagină posibilă.

Accelerați-vă imaginile

Imaginile pot avea un impact uriaș asupra timpilor de încărcare a paginii. Dacă paginile dvs. de produse se încarcă lent, vizitatorii dvs. vor deveni frustrați, așteaptă să se încarce și să viziteze mai puține dintre ele. De fapt, 40% dintre vizitatori vor renunța la site-ul dvs. dacă durează mai mult de 3 secunde pentru încărcare. Deci, paginile de produse ar trebui să fie încărcate rapid și ușor de căutat. Iată câteva moduri în care vă puteți optimiza imaginile pentru a realiza acest lucru.

În primul rând, utilizați CSS pentru fundalul paginii în locul unei imagini. În mod similar, CSS ar trebui utilizat pentru a crea margini în jurul imaginilor și elementelor butonului.

Bibliotecile externe care încarcă pluginuri sau galerii de imagini pot, de asemenea, încetini timpul de încărcare general pentru pagina dvs. și ar trebui evitate pentru elementele critice ale paginii.

De asemenea, vă puteți rula pagina prin Google PageSpeed ​​Insights pentru a identifica modalități de a accelera atât site-ul dvs. mobil, cât și cel desktop. Google PageSpeed ​​vă va spune ce imagini pot fi comprimate, cum să vă optimizați imaginile și cât spațiu puteți economisi făcând acest lucru.

Instrumentele de dezvoltator încorporate ale browserului dvs. pot identifica, de asemenea, modul în care pagina dvs. încarcă fișierele și ce fișiere durează mult.

Pentru a face acest lucru în Google Chrome:

• Faceți clic dreapta pe pagina pe care doriți să o analizați
• Selecteaza reteaua"
• Reincarca Pagina

Puteți sorta după fișierul „Tastați” pentru a vedea ce imagini durează cel mai mult pentru încărcare, după „Dimensiune” pentru a vedea cele mai mari fișiere, după „Timp” pentru a vedea cât timp sau după „Stare” pentru a vedea dacă fișierele nu au putut fi încărcat.

De asemenea, asigurați-vă că imaginile dvs. sunt optimizate pentru viteză și SEO folosind sfaturile din partea 3.

Optimizați-vă pagina pentru mobil

Este crucial să petreceți ceva timp examinând modul în care paginile dvs. de produs sunt afișate pe diferite dispozitive mobile. Instrumente precum Hotjar vă permit să creați hărți de căldură despre modul în care utilizatorii interacționează cu paginile dvs. Și, dacă aveți instalat Google Analytics, puteți compara ratele de conversie pentru mobil și desktop pentru a determina dacă experiența dvs. de cumpărături pe mobil este la înălțime.

Google Analytics vă poate oferi o serie de date utile de comerț electronic privind ratele de conversie și călătoriile de cumpărare, dar cel mai simplu mod de a experimenta aspectul site-ului dvs. web pe mai multe dispozitive este să îl experimentați singur. Utilizând bara de instrumente pentru dispozitivul Chrome - sau modul de proiectare receptivă dacă utilizați Firefox sau Safari - puteți vedea cum arată pagina produsului pe orice dispozitiv.

Câteva considerații pentru paginile dvs. de produse mobile:

• Faceți-vă imaginile în față și în centru. Informațiile suplimentare ar trebui să fie disponibile utilizatorilor atunci când doresc, dar nu ar trebui să împiedice imaginile.
• Accelerați site-ul dvs., asigurându-vă că imaginile dvs. au fost reduse în dimensiune și că nu încărcați prea multe pluginuri terțe. Duratele de încărcare sunt deosebit de importante pentru clienții care se încarcă printr-o rețea mobilă.
• Luați în considerare utilizarea unei bare de meniu fixe, astfel încât clientul să aibă întotdeauna acces la bara de căutare, meniul principal și coșul de cumpărături.

Clienții vor petrece mai puțin timp navigând și citind conținut pe dispozitive mobile, astfel încât imaginile vor juca un rol deosebit de important pentru cumpărătorii dvs. de pe mobil. Asigurați-vă că imaginile dvs. sunt proeminente și se încarcă rapid pentru a vă asigura că oferiți cea mai bună experiență de cumpărături pe mobil.

Amintiți-vă SEO

Paginile de produse par a fi deseori o resursă subutilizată în ceea ce privește SEO. Paginile dvs. de produse vă oferă șansa de a prezenta unele dintre cele mai valoroase și unice conținut care vă pot ajuta magazinul să se claseze mai sus în listele de căutare. De cele mai multe ori, pagina produsului este exact ceea ce dorește să vadă clientul dvs.

Pentru a îmbunătăți SEO-ul paginii produsului:

• Creați o descriere unică a produsului, care descrie clar care este produsul dvs. și se potrivește cu termenii căutați de clienții dvs.
• Optimizați-vă metadatele de imagine, incluzând etichete ALT pentru a descrie imaginea, etichetele de titlu corespunzătoare și numele de fișiere relevante.
• Luați în considerare adăugarea de videoclipuri la pagina produsului. Adăugarea sau nu a videoclipurilor la pagina dvs. ajută la SEO este pusă în dezbatere, dar acestea pot ajuta la oferirea unui context mai bun produselor dvs., care vă pot îmbunătăți conversiile.

Optimizați imaginile pentru zoom

Ați observat cum majoritatea site-urilor de comerț electronic vă vor permite să treceți peste imagine pentru a „mări” produsul? Aceasta a devenit o caracteristică care este aproape a doua natură. Ne așteptăm să obținem o versiune mai mare a produsului atunci când facem clic sau trecem cu mouse-ul peste el.

Având această caracteristică servește unui scop important. Permite clienților să constate în detaliu calitatea produsului. De asemenea, ajută la infuzarea încrederii în achiziția clientului atunci când acesta nu poate simți sau vedea fizic produsul. Uneori, calitatea cusăturii sau nuanța culorii pot face diferența între clientul care își alege produsul față de cel al unui concurent.

Deci, cum vă asigurați că aveți o funcție de zoom funcțională? Secretul este să știi cum să folosești dimensiunile corecte ale imaginii.

Majoritatea site-urilor de comerț electronic vor avea diverse „șabloane”. Aceste șabloane vor redimensiona imaginea dvs. pentru a se potrivi cu dimensiunea șablonului respectiv. De exemplu, este posibil să aveți:

• Un șablon de miniatură care are 50 px x 50 px
• Un șablon de imagine de colecție de 100 px x 100 px
• Un șablon de imagine asociat, care este de 150 px x 150 px
• Un șablon foto principal, care este de 500 px x 500 px

Funcția de zoom funcționează de obicei afișând imaginea la dimensiunea originală completă. Deci, dacă aveți o imagine pe care ați salvat-o la 1000 px x 1000 px, atunci când treceți cu mouse-ul peste șablonul foto principal (care este 500 px x 500 px), acesta va fi afișat la dimensiunea de două ori mai mare.

Ceea ce înseamnă acest lucru este că pentru a avea o funcție de zoom funcțională, trebuie să vă asigurați că dimensiunile imaginii dvs. sunt mai mari decât șablonul foto principal.

Dacă au aceeași dimensiune, utilizatorul se va uita la aceeași imagine atunci când se deplasează. Dar dacă sunt prea mari, dimensiunea imaginii poate avea un impact negativ asupra timpilor de încărcare și poate fi prea mare pentru a fi practică.

Dimensiunile imaginii între 1000px și 1.600px reprezintă de obicei un compromis bun între dimensiunea fișierului și având o imagine care poate oferi suficiente detalii de prim-plan.

Concluzie

În aceste cinci capitole, am reușit să acoperim în general cele mai importante domenii pe care trebuie să le acordați atenția cuvenită atunci când creați paginile dvs. de produse. Dacă urmați aceste instrucțiuni, veți avea o pagină de produs care oferă clienților dvs. o experiență excelentă de cumpărături și se bucură de rate de conversie ridicate. Acum, că aveți un ghid, depinde de dvs. să ieșiți și să creați o pagină de produs câștigătoare, care creează vânzări pentru magazinul dvs. de comerț electronic.