Verticale tekst

**Joris Demmers** · 25-04-2009, 13:59

Beste SiteDealers,

Voor een website moet ik verticale tekst plaatsen, nou is dit niet zo moeilijk als je enters gebruikt, maar dit is natuurlijk niet SEO vriendelijk. Het is namelijk 1 link.

Ik bedoel dus het verticaal plaatsen van een woord als volgt:
S
I
T
E
D
E
A
L
S

Is er een opmaak code of een trucje hiervoor om het op de HTML pagina toch 1 woord van te houden zodat Google dit woord helemaal kan lezen?

Alvast bedankt.

Groeten,

Joris

**Wietze B.** · 25-04-2009, 14:14

Je kunt natuurlijk ook een afbeelding maken en de ALT-text gebruiken:

<img src="verticaal.gif" alt="SITEDEALS" />

**David C.** · 25-04-2009, 14:17

wat je kan proberen is gewoon een vaste breedte opgeven via css.. dan gaat hij ze normaal gewoon onder elkaar tonen..

**Joris Demmers** · 25-04-2009, 14:27

Wietze, bedankt. Ik weet alleen niet of de ALT tekst net zo zwaar weegt als een gewone link met tekst?

David, hier had ik ook al aan gedacht en uitgeprobeerd, maar helaas werkt het niet. Hij plaatst dingen pas onder elkaar als de woorden (in dit geval letters) los staan van elkaar, dus met spaties er tussen.

**Skander H** · 25-04-2009, 14:33

Zet tussen <head> en </head>

<style type="text/css">
.vertical{
font: bold 14px Arial;
position: absolute;
left: 5px;
top: 20px;
width: 15px;
writing-mode: tb-rl;
}
</style>

En tussen <body> en </body>

<script type="text/javascript">
var vertical='<div class="vertical">Zet hier wat tekst <a href="http://hierjelnk.nl"> hierjelink.nl </a></div>'
var bodycache=document.body
if (bodycache && bodycache.currentStyle && bodycache.currentStyle.writingMode)
document.write(vertical)
</script>

Werkt alleen in IE, sorry!

**René Vennik** · 25-04-2009, 14:35

Werkt toch alleen in IE?

**Skander H** · 25-04-2009, 14:38

Ja, je hebt gelijk. Ik heb niks gezecht ahaha!

**Jeffrey Kroon** · 25-04-2009, 14:38

Je kunt toch ook een <span> element zo smal maken dat het maar 1 letter per regel past ?

**René Vennik** · 25-04-2009, 14:40

Dat kan wel!
Aanvullend bericht:

Code:

<html>
<head>

<style type="text/css">
<!--
span{
    float: left;
    clear: left;
    width: 10px;
    text-align: center;
}

a{
    text-decoration: none;
}
-->
</style>

</head>
<body>

<a href="#"><span>H</span><span>a</span><span>l</span><span>l</span><span>o</span><span>!</span></a>

</body>
</html>

**T Bos** · 25-04-2009, 14:54

Een plaatje met daarbij een span tag op display: none; is ook een optie.

**René Vennik** · 25-04-2009, 15:03

Maar dat vind google natuurlijk niet leuk :)

**Ruben K** · 25-04-2009, 15:32

Een image met de alt="" tag is toch gewoon prima SEO?

**Jeffrey Kroon** · 25-04-2009, 19:27

@Ruben
Een alt tag is inderdaad SEO vriendelijk, maar voor een titel is het stukken beter een <h> tag te gebruiken.

**Studio71** · 25-04-2009, 20:08

Met javascript, check de source....
http://www.livewebcamindex.com/pageflip/

Let op! erotische content )

**Ruben K** · 26-04-2009, 12:37

Dat is denk ik niet wat hij bedoelt.

Wat je wel kan doen is gewoon <h1>Tekst enzo</h1> en dan wanneer de pagina geladen is de tekst te vervangen met dezelfde tekst alleen dan met <br />'s ertussen. Dit ziet google toch ook niet?

Verticale tekst

Verticale tekst

Tags voor dit bericht

Quick links

Sitedeals

Andere media

Over Sitedeals

Verticale tekst

Verticale tekst

Tags voor dit bericht

Quick links

Sitedeals

Andere media

Over Sitedeals

Inloggen