Darmowe Konta

FAQ - Pozycjonowanie


Pytanie:

Napisy na obrazkach

Jak nałożyć napisy zawierające ważne dla strony słowa kluczowe na obrazek z logo?

Odpowiedź:

Wyszukiwarki nie zauważają oczywiście żadnych tekstów zawartych w obrazkach. W przypadku gdy są to teksty zawierajace słowa kluczowe znacznie lepiej jest nałożyć je na obrazek w inny sposób. Poniżej prosty przykład rozwiązania problemu.

W stylach deklarujemy wcześniej tło zawierajace nasz obrazek np. logo, deklarując również jego wysokość. W podanym przykładzie deklaracja została wstawiona do pliku CSS przypisanego do strony.

.logofaq {
background: url(nasz_folder/nasze_logo.gif);
height: 90px;
}

Tak zadeklarowany obrazek wstawiamy jako tło w deklaracji komórki lub tabeli stosując:

<td class="logofaq"></td>

Na taki obrazek w dowolnym miejscu nakładamy tekst odpowiednio deklarując współrzędne.

<span style="position: relative; left: 100px;
top: -70px;">ważne_słowo</span>
Do tej komórki wstawimy obrazek z napisami  
 Tu znajduje się jakaś tam zawartość stronydo tej komórki wstawimy skrypt z imieninami
To jest jakaś pusta komórka, do której wstawimy deklarację napisów do tej deklarację obrazka dołączonego do imienin

Zapis kodu przedstawionego fragmentu strony może wyglądać jak niżej:

<table width="100%" border="1" cellspacing="0" cellpadding="6">
<tr>
<!-- komórka z deklaracją obrazka -->
<td width="25%" class="logofaq" >&nbsp;</td>
<td width="50%">&nbsp;</td>
<td width="25%">&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>Tu znajduje się jakaś tam zawartość strony</td>
<!-- komórka zawierająca skrypt z imieninami -->
<td>
<script type="text/javascript"><!--//
document.write(" "+imieniny+" ")
//--></script>
</td>
</tr>
<tr>
<!-- komórka zawierająca deklarację napisu -->
<td>
<span style="position: relative; left: 20px;
top: -90px;"><strong>ważne_słowo</strong></span>
</td>
<td>&nbsp;</td>
<!-- komórka zawierająca obrazek dołączony do imienin -->
<td>
<span style="position: relative; left: -15px;
top: -47px;"><img src="images/kwiatek.gif" width="21" height="37" alt=""></span>
</td>
</tr></table>

Poniżej wynik działania tego zapisu:

  
 Tu znajduje się jakaś tam zawartość strony
ważne_słowo  

powrót do FAQ   Powrót do FAQ

Masz pytanie? - napisz.


Polecam więcej...



Aktualizacja

Opublikowane:
16 marca 2003 r.

webmaster:  prosilver@wp.pl

Copyright © 2001-2004 by ProSilver