2011. június 9., csütörtök

Halmozzuk kicsit a kulcsszavakat!

A vBSEO készítő szerint a Google fényképszerűen elemzi a weboldalak relevanciáját. Tehát szerintük nincs jelentősege a meta adatoknak és más trükköknek a forráskódban, az viszont nagyon is számít, hogy mit látunk a szemünkkel az oldalon. Azt javasolják, hogy a fontos, tehát szerintünk releváns tartalmat tegyük minél feljebb, jól látható helyre. Hát akkor tegyük!

„Relevant Replacements” néven egy eszközt is biztosítanak a számunkra, melynek segítségével a fórum és téma oldalakat javíthatjuk fel picit.

A módszer az, hogy elhelyezünk a megfelelő sablonokban egy jelet, amit a vBSEO plugin kicserél egy általunk meghatározott mintára. Ebben a mintában olyan értékeket használhatunk fel, amiket az alapmotor nem tesz elérhetővé a sablon számára, de valószínűleg nagyon is relevánsak az adott helyen. Például témák esetében felhasználhatjuk a címkéket, vagy a nyitó hozzászólás első szavait.

Mielőtt elkezdjük, vessünk egy pillantást arra honnan indulunk:

 


Első lépésként készítsük el a „relevánsabb” tartalom kódját. A következő képet a vBSEO felület Relevant Replacements menüpontjáról készítettem. A felső sorba a fórumok, a második sorba a témák fejlécének a kódja kerül.



A fórumokhoz (forumdisplay pages) ezt írtam:
<h1  class="relevant_replacement">[forum_title]</h1><p id='relevant_replacement'>Az alábbiakban a [forum_title] fórumot olvashatod, ami a <b>[parent_forum_title]</b> része. [forum_description]</p><br />

A témákhoz (showthread pages) pedig ezt:
<h1 class="relevant_replacement">[thread_title]</h1><p class="relevant_replacement">Az alábbi beszélgetés „<em>[thread_title]</em>” témáról szól, ami a <b>[forum_title]</b> fórumban szerepel [parent_forum_title] kategóriában; [first_post_15_words]... [thread_5_tags]

A szögletes zárójelekben a vBSEO által biztosított változók szerepelnek. A következő lehetőségekből választhatunk:
  • [bb_title] – A weboldalunk neve
  • [default_keywords] – Az adminisztrátor kezelőpulton definiált kulcsszavaink
  • [forum_title] Az aktuális fórum címe
  • [forum_description] – Az aktuális fórum leírása
  • [parent_forum_title] – A szülő fórum címe
  • [parent_forum_description] - A szülő fórum leírása
  • [thread_title] – Az aktuális téma címe (csak a téma oldalon használható)
  • [first_post_X_words] – Az első X szó a téma adott oldalának első hozzászólásában (csak a téma oldalon használható)
  • [thread_X_tags] – Az első X címkéje a témának (csak a téma oldalon használható)
  • [thread_page] – A téma oldal száma

A következő feladat a sablonok módosítása. A kezelőpulton keressük meg FORUMDISPLAY nevű sablont és nyissuk meg módosításra. Keressük meg azt a részt, ami eredetileg megjeleníti a fejlécet:
<h1>{vb:rawphrase forum}: <span class="forumtitle">{vb:raw foruminfo.title}</span></h1>
<vb:if condition="$foruminfo['description']"><p class="description">{vb:raw foruminfo.description}</p></vb:if>

Kommentezzük ki és írjuk elé a mintánkhoz tartozó jelet:
<!--VBSEO_RR_1-->
<!-- 
<h1>{vb:rawphrase forum}: <span class="forumtitle">{vb:raw foruminfo.title}</span></h1>
<vb:if condition="$foruminfo['description']"><p class="description">{vb:raw foruminfo.description}</p></vb:if>
-->

Ehhez teljesen hasonlóan módosítsuk a SHOWTHREAD sablont is. Keressük meg a következő sort:
{vb:rawphrase thread}: <span class="threadtitle"><a href="{vb:raw thread_url}" title="{vb:rawphrase reload_this_page}">{vb:raw threadinfo.title}</a></span>

Iktassuk ezt is ki majd írjuk el a jelet:
<!--VBSEO_RR_1-->
<!-- 
{vb:rawphrase thread}: <span class="threadtitle"><a href="{vb:raw thread_url}" title="{vb:rawphrase reload_this_page}">{vb:raw threadinfo.title}</a></span>
-->

Tulajdonképpen majdnem készen vagyunk, de egy kis css formázással szebbé tehetjük. Ehhez az additional.css sablont kell kiegészítenük a következőkkel:
h1.relevant_replacement {
font-size: 140% !important;
font-weight: bold;
color: #3e3e3e;
margin-bottom: 3px;
}

p.relevant_replacement {
font-size: 11px;
width: 650px;
margin-bottom: 2px;
}

Ezzel készen vagyunk, az eredmény valami ilyesmi lett:



Mivel a magyar egy ragozó nyelv, nincs könnyű dolguk a szöveg faragása közben. Mielőtt kiröhögnél a fentiek miatt, próbáld csak meg átfogalmazni! Ha sikerül ügyesebb szöveget összehoznod, kérlek oszd meg velem is! :-)

4.x –es verzióban lehetőségünk van a cms oldalt is alakítani és három különböző mintával változatosabbá tehetjük az oldalainkat.



0 megjegyzés:

Megjegyzés küldése