Yotpo

De review-dienst van YOTPO is (met de update van 27-08-2015) geïntegreerd in thema "Berlin". Dat betekent, dat als u gebruik maakt van YOTPO om gebruikersreviews te verzamelen, dat die beoordelingen getoond kunnen worden binnen uw webshop. De producten die een YOTPO-rating hebben ontvangen, worden gemarkeerd d.m.v. een weergave met sterretjes (5 sterren is  maximaal) op de productoverzichtspagina's (Homepage, Categorie-pagina's en Collection-pagina's), en op de productdetailpagina zelf is dit zichtbaar rechtsboven bij de producttitel waar deze sterren-rating ook aangegeven staat, en verder naar onder op de detailpagnina waar de reviews zelf te lezen zijn bij de tab "Reviews".

NB: Zodra u de API-key voor YOTPO activeert, worden de standaard SEOshop-reviews automatisch vervangen door de YOTPO reviews.

We adviseren om de tab "Reviews" dan standaard open te hebben staan, zodat men direct ziet dat een product waarderingen heeft gekregen. Dze instelling vindt u onder 05a. PRODUCT DETAIL PAGE: Settings, item "Default Openend Tab Panel", kies daar dan voor "Reviews".

Backoffice instellingen YOTPO

Zie 01c. GENERAL integrations:

Onder 1c. GENERAL integrations vult u  de YOTPO API-key in om deze te activeren.

Zodra u de YOTPO API-key hebt ingevoerd die u van YOTPO hebt ontvangen, worden de YOTPO reviews op de webshop getoond.

NB: Instellingen voor YOTPO-kleuren etc. kunt u alleen doen via uw YOTPO-account, deze vindt u dus niet in de thema-instellingen van "Berlin".

Afbeeldingen

De maten voor de verschillende afbeeldingen staan hieronder weergegeven:

• Headlines: voor "full-width" headline afbeeldingen minimaal 1160px breedte uploaden; de hoogtemaat kan varieëren; ons advies is een hoogtemaat van 250 tot 700px aan te houden. Worden de headline banners wel geactiveerd, dan dient de grote headline-afbeelding (links) minimaal 777 x 442px te zijn; pixelafmeting "headline banners" (rechts van grote headlines links): minimaal 375 x 216px.
• Productafbeeldingen: op de productdetailpagina wordt een afbeelding getoond van 490 x 490 pixels (vierkant); uploaden: minimaal 490 pixels hoog. Maakt u gebruik van de "zoom"-functie, dan moet de productafbeelding dus groter zijn dan 490px vierkant om goed in te kunnen "zoomen"; we raden dan aan liefst 1000px hoog en/of breed voor een optimale "productervaring". Is een afbeelding niet vierkant, dan wordt de afbeelding binnen een vierkant van 490 pixels getoond, de resterende ruimte wordt opgevuld met wit.
• Categorie-afbeeldingen: deze afbeeldingen worden automatisch "responsive" geschaald naar andere pixelmaten; voor optimale weergave een breedtemaat van minimaal 380 pixels aanhouden. op homepage worden ze getoond als beeldvlak van 270px hoog en breed; de resterende ruimte wordt opgevuld met wit.
• Sidebar banner: minimaal 264px (vierkant); de resterende ruimte wordt opgevuld met wit.
• Main banners (alleen homepage): minimaal 532 pixels breed. Grotere pixelmaten worden automatisch teruggeschaald.
• Merkenlogo's: voor de merkenslider (footer) geldt een breedtemaat van 145px; hoogte: is vrij te kiezen, we raden aan als hoogtemaat 100 px te hanteren, en de logo's vertikaal te centreren binen dit vlak (van 145x100px). Voor de merkenpagina worden de merkenlogo's automatisch "responsive" geschaald naar andere pixelmaten.
• Keurmerk-logo's: hoogte is maximaal 60 pixels, breedte is vrij te kiezen.

NB: Voor een correcte werking van de zoom-functie dient een productafbeelding groter dan 490 pixels hoog en breed te zijn.

Thema "Berlin" bevat 2 zelf samen te stellen navigatiemenu's, en 1 vast "topmenu". De 2 aanpasbare navigatiemenu's betreffen het (horizontale) hoofdmenu bovenin, en het verticale productcategoriemenu in de linker kolom. Daarnaast is er een 3e, vast "topmenu", helemaal bovenaan alle pagina's (Contact/Inloggen/Registreren). Dit topmenu bevat een links t.a.v. account-management (inloggen & registreren), en daarnaast altijd een link naar de contact-pagina, zodat gebruikers via deze link snel uw contactgegevens kunnen vinden.

Hoofdmenu (primaire navigatie)

Het horizontale hoofdmenu bovenin toont maximaal 2 subniveau's. Hebt u meer niveau's in uw productassortiment aangebracht, dan worden die wel in het secundaire categoriemenu (in de linker kolom, op de vervolgpagina's) getoond, maar niet in het hoofdmenu. (NB: Wilt u hiervan afwijken, dan is maatwerk altijd mogelijk via Dit e-mailadres wordt beveiligd tegen spambots. JavaScript dient ingeschakeld te zijn om het te bekijken.)

Het hoofdmenu wordt standaard opgebouwd uit de volgende elementen:

• home
• categorieën (hoofdniveau, met max. 2 subniveau als uitklapmenu)
• tekstpagina's (indien ingesteld)
• merken (indien ingesteld)
• blog (indien ingesteld)

De hoofdcategorieën die u hebt ingesteld in de back-office van SEOshop worden gebruikt in het hoofdmenu; de subcategorieën die u hebt gemaakt worden als uitklapmenu getoond, deze worden gemarkeerd met een klein pijl-icoontje. Voor nadere informatie over het instellen van de hoofdnavigatie zie deze pagina uit de handleiding van SEOshop hierover. Voor de subcategorieen zie deze SEOshop-pagina.

Hoofmenu uitbreiden met onderdelen "Blog" en/of "Merken"

Indien gewenst kunt u het hoofdmenu uitbreiden met de knoppen "Blog" (of de door uzelf aangepaste naam hiervoor), en/of "Merken". Op die manier kunt u bezoekers snel naar deze pagina's leiden.

De instellingen hiervoor in de back-office (aan/uit te vinken)

Zie 02d. HEADER: Navigation:

Door de vinkjes aan/uit te vinken bepaalt u welke items worden toegevoegd aan het hoofdmenu.

Instellingen voor vormgeving hoofdmenu:

Onder 02d. HEADER: Navigation vindt u de instellingen voor kleuren, lettertype, lettergrootte etc. voor het hoofdmenu ("Main Nav").

De kleurinstelling voor het horizontale hoofdmenu (primaire navigatie).

Categoriemenu (secundaire navigatie, sidebar)

Op de productcategoriepagina's en productdetailpagina's wordt in de "sidebar" (kolom links of rechts, afhankelijk van uw instelling) een menu getoond dat op dezelfde manier als het hoofdmenu is samengesteld, namelijk op basis van de productcategorieën die u in de back-office hebt ingesteld. Als u subcategorieën hebt gemaakt, worden die automatisch als submenu-item getoond. Via een instelling in  deback-office kunt u bepalen of de hoofdcategorie-items al direct opengeklapt staan (en dus ale subcategorien laten zien), of dat de hoofdcategorieën dichtgeklapt zijn standaard.

U kunt maximaal 3 subniveau's binnen een hoofdcategorie tonen.

Instellingen sidebar menu

Onder 07a. SIDEBAR: Settings kunt u aangeven of u het "sidebar category menu" wilt tonen of niet.

De kleurinstelling voor het verticale categoriemenu (linker menu, het "sidebar category menu").

Aantallen items per productcategorie tonen

Standaard worden in het categoriemenu de aantallen producten per (sub)categorie getoond; wilt u die aantallen verbergen, gebruik dan onderstaande instelling (zie 07a. SIDEBAR: Settings)

De-activeer deze optie om de aantallen per categorie in het categoriemenu links te verbergen.

Topmenu (tertiaire navigatie) en "customer menu's" (taal & valuta-keuze)

Het topmenu helemaal rechst bovenin de webshop bevat 3 items: 2 ervan linken naar de webpagina's voor Contact en Registreren, de 3e link opent een venster om direct in te loggen (voor geregistreerde gebruikers). Dit topmenu is een vaststaand menu en is dus niet via de back-office te configureren.

Het vaste "topmenu" bovenin.

Wilt u een andere samenstelling, dan kunt u uiteraard contact met ons opnemen voor maatwerkaanpassingen, we zijn u graag van dienst via info[at]totalli.nl.

Customer menu's (taal- en valutakeuze)

In deze zelfde rij, links bovenin, zijn ook  de "customer menu's" voor de taal- en valutakeuze opgenomen. De instellingen hiervoor vindt u ook onder het kopje 02b. HEADER: Look & Feel. Deze menu's worden automatisch opgebouwd uit de instellingen voor taal resp. valuta van de webshop.

Optie "Show Customer Menu on scroll down"

Met deze optie kunt u bepalen of de bovenste rij met het "topmenu" (incl. de "customer menu's" voor taal- en valutakeuze) wordt verborgen zodra bezoekers naar beneden scrollen. Dit zorgt ervoor dat er meer ruimte op het schemr overblijft zodra men gaat scrollen. Is deze optie niet aangevinkt, dan blijven deze menu's altijd in beeld. Alleen de balk met USP's zal bij het scrollen verdwijnen.

"Berlin" is zoveel mogelijk geoptimaliseerd voor zoekmachines (SEO) door de volgende kenmerken:

• in HTML inbouwen van juiste gebruik van H-tags op de webshopagina's
• responsive design
• snelheid van laden geoptimaliseerd
• voorbereid op Google en Pinterest "Rich Snippets"
• microdata voor bedrijfsgegevens

Naast deze ingebouwde technieken kunt u zelf via de content zorgen dat uw webshop goed scoort qua SEO door goede, unieke productbeschrijvingen, relevante informatie met kopteksten te verdelen in paragrafen, en klantenreviews te verzamelen. 

Gebruik van H-tags (kopteksten, "headings")

In het thema zijn op vaste plekken H-tags ingebouwd, zodat zoekmachines hieruit belangrije informatie kunnen halen. Zo is op de productdetailpagina's de producttitel altijd de standaard H1-"tag" (een "tag" is een standaard stukje HTML-code, u kunt zelf via de text editor bepalen in uw teksten welke tekst een H-tag krijgt). 

Als u zelf teksten gaat schrijven (wat zeer aan te raden is, unieke, relevante content wordt gewaardeerd door Google en gebruikers), probeer dan in uw teksten de H-tags zo logisch mogelijk te gebruiken. H1 is daarbij de belangrijkste tag, H6 de minst belangrijke. De H1-tag mag maar 1x per pagina voorkomen; de andere H-tags (H2, H3 etc.) mogen wel vaker gebruikt worden.

Zorg dat de belangrijkste zoekwoorden in uw kopteksten staan, en verdeel de H-tags naar relevante over de pagina. 

Meer over "rich snippets" (Google en Pinterest)

Zowel Google als Pinterest bieden de mogelijkheid om aan zoekresultaten (Google) of "pins" (Pinterest) extra productinformatie toe te voegen, de zogenaamde Rich Snippets of Rich Pins. Google gebruikt de Rich Snippets om extra informatie op de zoekresultatenpagina weer te geven, zoals vooraad, waardering etc. Zoals Google stelt:

"Rich snippets (de paar regels tekst die worden weergegeven onder elk zoekresultaat) zijn bedoeld om gebruikers een idee te geven van wat er op de pagina staat en waarom de pagina relevant is voor hun zoekopdracht." 
(bron: https://support.google.com/webmasters/answer/99170?hl=nl)

Pinterest Rich Pins maken het voor Pinterest-gebruikers makkelijker uw producten te kopen. Aan product pins wordt namelijk extra informatie toegevoegd, zoals de naam van uw webshop, de real-time prijs en voorraadstatus, productfoto en -titel en een link naar uw product. Zo worden uw producten relevanter.

Pinterest "rich pins" activeren

• activeer Pinterest in de SEOshop backoffice (Instellingen > Social media > Pinterest)
• zorg dat uw bij Pinterest bent ingelogd met een account die hetzelfde is als uw webshop met eigen domeinnaam
• ga naar http://developers.pinterest.com/rich_pins/validator/
• plaats een link naar één van uw producten en klik ‘Validate’
• uw krijgt automatisch bericht van Pinterest, dit kan een aantal dagen duren
• nadat uw aanvraag is goedgekeurd zullen pins die geplaatst worden van uw producten (bijvoorbeeld via de ‘Pin It’ knop), verrijkt worden met de extra productinformatie.

In de back-office van SEOshop geeft u aan welke social-mediafuncties u wilt gebruiken

We kunnen u desgevraagd ondersteunen bij het configureren van "rich snippets"; neemt u dan contact met ons op via Dit e-mailadres wordt beveiligd tegen spambots. JavaScript dient ingeschakeld te zijn om het te bekijken.