Wereldkaart HTML-sjablonen

Heldere HTML-templates voor wereldkaarten met gestructureerde locatiecontent

De wereldbol zelf levert in een wereldkaart-template zelden problemen op. Bezoekers lopen vast op wat eromheen staat, zoals landnamen, kantooradressen en de links die van een regio naar gedetailleerde informatie leiden. HTML-templates voor wereldkaarten bevatten deze omringende content in de code meestal als koppen, lijsten en locatiekaarten. U vervangt plaatsaanduidingen van steden in de builder door echte gegevens, exporteert het project en bewerkt de code handmatig verder zodra een kantoor verhuist.

Landenlijsten onder de wereldbol

Een kaartafbeelding laat zien waar dingen zich bevinden, maar een bezoeker kan er niet in zoeken, er geen tekst uit kopiëren en een schermlezer kan de inhoud niet voorlezen. Betere templates in deze categorie herhalen de geografie in gewone tekst naast de afbeelding. Veelvoorkomende tekststructuren rond de kaart zijn onder meer:

• lijsten met landen of kantoren, gegroepeerd onder continentkoppen
• locatiekaarten die een stadsnaam combineren met een adres en telefoonnummer
• ankerlinks die van een regiolabel direct naar de bijbehorende sectie verderop springen
• een compact kaart- en adresblok voor een enkel hoofdkantoor

Groepering wordt belangrijk zodra de lijst groeit. Een logistiek bedrijf met tientallen depots zou deze in één lange kolom laten verzanden, terwijl een kop per continent iemand in Chili direct naar Zuid-Amerika laat navigeren.

Touroperators versus filiaalnetwerken

Een touroperator gebruikt de kaart als een reismenu. Onder elk continent bevat de code een kort blok met bestemmingsnamen, reisduur en een link naar het volledige reisplan. Een bedrijf met filiaalvestigingen heeft soberdere vermeldingen nodig, meestal één kaart per kantoor met het straatadres, een lokaal telefoonnummer en de naam van de regiomanager. Elke regionale sectie kan ook een eigen anker krijgen, zodat een label op de kaart en een item in de landenlijst naar exact dezelfde plek verwijzen. Beide projecten kunnen beginnen met dezelfde wereldkaart; het werkelijke verschil zit in de tekstblokken eromheen.

Leesvolgorde op smalle schermen

Op een telefoon verhuist de landenlijst meestal tot onder de kaart, waardoor de volgorde ervan bepaalt of het geheel logisch blijft. Nicepage Responsive Modes ondersteunen elke breedte van grote schermen tot verticale telefoons, met desktops, laptops en tablets daartussenin. Een controle langs deze weergaven laat zien of elke groep kantoren nog steeds netjes onder zijn continentkop staat.

Wanneer u HTML-templates voor wereldkaarten vergelijkt, scrol dan voorbij de visuele vormgeving en lees de omringende tekst. Een lay-out waarin elke markering een tekstitem heeft, elke regio een kop heeft en elk item een werkende link bevat, vergt aanzienlijk minder aanpassingen dan een mooiere kaart die op zichzelf staat.