Website horizontaal en verticaal centreren?

[Kena]

Hoi,

 

Ik heb een website vraagje en hoop dat iemand mij op de goede weg kan helpen:

 

De designer heeft een website concept gemaakt en zou het graag gecentreerd willen hebben, horizontaal en verticaal, bijv. zoals hier: http://www.volleventen.nl/index_site.php. Dat zou ook wel de mooiste oplossing zijn….

 

De programmeur denkt hier wat anders over en ik twijfel ook: probleem is dat met meer content je binnen de pagina moet scrollen. En ik weet niet of ik dat wel wil. Wij bieden reizen aan, dus hebben we op sommige pagina’s veel content.

Alternatief is dan om de pagina alleen verticaal te centreren en bij meer content naar beneden te laten lopen.

(De optie om de website links in het hoekje te plakken (zo als het wel erg veel gedaan wordt) vind ik persoonlijk maar niks.)

 

Wat is wijsheid? ???

 

Alvast bedankt.

[Jeroen Bakker]

In het midden centreren wanneer je een fixed width hebt, en verticaal oneindig maken. Dat zou ik doen :)

[Micha van Veen]

Het is altijd wikken en wegen. Ik gebruik zelf twee criteria. Is het een rechttoe rechtaan presentatie site. Plaats ik het vaak in een kader van 760 x 420 welke ik in het midden van de browser plaats (x en y). En mocht de content iets te groot zijn gebruik ik een div element welke kan scrollen. Dan blijft de vormgeving intact.

 

Mocht het een echte business site zijn waarin de content het belangrijkste is en volumineus. Dan centreren en aan de bovenzijde plaatsen. Dan kan de inhoud onbeperkt groeien zonder de leesbaarheid aan te tasten.

 

Let wel op vertikaal centreren is heel lastig af te vangen voor de verschillende browser (BV. safari)

 

[R.I.P. - Benm]

Als je veel content hebt zou ik dat niet in een relatief klein hokje proppen en vervolgens laten scrollen - zonde van de schermruimte.

 

Zoals Jeroen aangeeft is fixed width i.c.m. doorlopende hoogte vaak een mooie oplossing: qua ontwerp kun je dan werken met die vaste breedte, zonder dat je de bezoeker frustreert die anders in een minuscuul kadertje midden om een grote monitor door je content moet scrollen.

[joeph]

De designer heeft een website concept gemaakt en zou het graag gecentreerd willen hebben, horizontaal en verticaal, bijv. zoals hier: http://www.volleventen.nl/index_site.php. Dat zou ook wel de mooiste oplossing zijn….

 

Dit is typisch een geval van een conflict tussen design en usability. Het bovengenoemde voorbeeld is een leuk design maar volstrekt gebruikersonvriendelijk. De bezoeker van de website verwacht een scrollbar aan de rechterkant van zijn browser en niet ergens midden in de pagina.

 

Bovendien maak je het de zoekmachines lastig om de site geindexeerd te krijgen.

 

Ik adviseer jou dan ook om horizontaal te centreren en verticaal een vaste bovenmarge te handhaven.

 

Succes!

 

Joep

 

[R.I.P. | Peter Bonjernoor]

Bovendien maak je het de zoekmachines lastig om de site geindexeerd te krijgen.

 

Huh? Hoe dat zo?

[joeph]

Bovendien maak je het de zoekmachines lastig om de site geindexeerd te krijgen.

 

Huh? Hoe dat zo?

 

Zou jij toch moeten weten! De aangehaalde site wordt helemaal niet geindexeerd door Google (op de homepage na). Dat is het directe gevolg van het gebruik van frames, in dit geval een iframe.

 

[R.I.P. | Peter Bonjernoor]

Zou jij toch moeten weten! De aangehaalde site wordt helemaal niet geindexeerd door Google (op de homepage na). Dat is het directe gevolg van het gebruik van frames, in dit geval een iframe.

 

Dat ben ik niet met je eens. Ik heb voor een klant een pagina moeten maken die intensief gebruikt maakt van iframes, en deze worden allemaal keurig geindexeerd door Google.

[joeph]

Dat ben ik niet met je eens. Ik heb voor een klant een pagina moeten maken die intensief gebruikt maakt van iframes, en deze worden allemaal keurig geindexeerd door Google.

Ik zei ook dat het lastig was (het vergt in ieder geval meer inspanning). Dat het lastig is blijkt (zoals eerder gezegd) uit het feit dat deze site NIET door Google wordt geindexeerd!

[Eddie de B]

Zou jij toch moeten weten! De aangehaalde site wordt helemaal niet geindexeerd door Google (op de homepage na). Dat is het directe gevolg van het gebruik van frames, in dit geval een iframe.

 

Dat ben ik niet met je eens. Ik heb voor een klant een pagina moeten maken die intensief gebruikt maakt van iframes, en deze worden allemaal keurig geindexeerd door Google.

 

Maarja als webdeveloper moet jij toch wel weten dat frames niet de beste manier van werken zijn.

[R.I.P. | Peter Bonjernoor]

Maarja als webdeveloper moet jij toch wel weten dat frames niet de beste manier van werken zijn.

 

Dat zeg ik ook niet, maar het wordt wel geindexeerd. Wellicht niet optimaal, maar goed. En als de klant het per se met (i)frames wil, then so be it...

[Micha van Veen]

Even een duit in het zakje m.b.t. indexeren. (i)frames zullen wel geïndexeerd worden. Prima zelfs, alleen is de structuur voor een zoekmachine onlogisch. Losse pagina's met elke hun eigen informatie, gescheiden van elkaar omdat ze door frames aan elkaar gekoppeld moeten worden. Wat met frames een logisch geheel oplevert voor bezoeker, maar niet voor een zoekmachine.

 

Wat dus het probleem oplevert dat als er een pagina geïndexeerd wordt en getoond wordt als resultaat in google. Je het risico loopt dat het een pagina is welke binnen een frame getoond zou moeten worden, maar nu dus die (frame)informatie mist.

 

Daarom moet je dus (voor de netheid bij frames gebruik) een kunstgreep toepassen om elke pagina een check te geven of het bijbehorende frame aanwezig is en zo niet deze te plaatsen of een alternatief te tonen.

Vroeger met de beperkte bandbreedte en techniek was het werken met frames een goede optie.

 

Nu zou ik persoonlijk daar niet meer voor kiezen.

[Kena]

Bedankt voor jullie reacties.

 

Ik denk dat ik de 1e pagina mooi in het midden laat centreren (als ik niet te veel in de navigatie stop hoef je niet te scrollen) zoals hier:

http://www.giorgioarmani.com/index.jsp?language=en&site=GH&movieSession=../global_home.swf&audio=acceso

 

En alle volgende pagina’s naar beneden laat uitlopen zoals hier: http://store.emporioarmaniwatches.com/jump.jsp?itemID=2472&itemType=CATEGORY

 

 

(Als ik moet kiezen gaat usability boven design....)

[joeph]

Ik denk dat ik de 1e pagina mooi in het midden laat centreren (als ik niet te veel in de navigatie stop hoef je niet te scrollen) zoals hier:

http://www.giorgioarmani.com/index.jsp?language=en&site=GH&movieSession=../global_home.swf&audio=acceso

(Als ik moet kiezen gaat usability boven design....)

 

 

Dit is een pagina die gemaakt is in flash. Kostbaar om te maken en over usability maar te zwijgen. Bovendien zonder kunstgrepen wordt de inhoud niet door Google geindexeerd.

Mijn advies: NIET DOEN!

 

(Als ik moet kiezen gaat usability boven design....)

 

Een wijs besluit!

[R.I.P. | Peter Bonjernoor]

Nu zou ik persoonlijk daar niet meer voor kiezen.

 

Ik zelf ook niet! :)

[R.I.P. - Benm]

Dat die voorbeeld site niet fatsoenlijk geindexeerd wordt is, denk ik, grotendeels te wijten aan het flash-menu, niet aan de opzet met een iframe in het midden.

 

In mijn evaring pakken zoekmachnines websites gemaakt met (i)frames wel op, zolang de navigatie maar zondanig is ingericht dat een zoekmachine er iets mee kan. Nadeel is wel dat je middels javascripts en dergelijke de frameset moet herstellen, maar das geen rocket science.