Los reemplazos relevantes son una de las características más potentes de vBSEO. Son etiquetas predefinidas <!--VBSEO_RR_*--> (hasta 3) dentro de las cuales se puede definir HTML + variables que vBSEO facilita.
Los reemplazos relevantes colocan en el inicio de cada página SHOWTHREAD y cada página FORUMDISPLAY palabras clave relevantes relacionadas al primer mensaje de un tema (el que contiene la información más importante), o palabras clave relevantes relacionadas con la descripción de un determinado subforo.
De esta manera se SEOniza mucho mejor cada foro y cada hilo dentro del foro. Veamos como se usa, y cual es el resultado
.
Para versiones 3.x.x de vBulletin:
* Ir al Panel de Control de vBSEO -> Reemplazos Relevantes
* Rellenar el primer reemplazo relevante relativo a la etiqueta <!--VBSEO_RR_1--> con este contenido:
Para páginas forumdisplay:
HTML Code:
<table class="tborder" cellspacing="0" cellpadding="6" width="100%" align="center" border="0"><tbody><tr><td class="alt1" width="100%"><strong>Lista de discusiones en el foro [forum_title], en [bb_title]</strong>, <span class="smallfont">[forum_description]</span></td></tr></tbody></table><br />
Para páginas showthread:
HTML Code:
<table class="tborder" cellspacing="0" cellpadding="6" width="100%" align="center" border="0"><tbody><tr><td class="alt1" width="100%"><strong>[forum_title]</strong> <span class="smallfont">Este es el tema <em>[thread_title]</em>, en el foro [parent_forum_title]; [first_post_35_words]...</span></td></tr></tbody></table><br />
Adjunto una imagen para que te resulte más fácil entenderlo.
vBSEO 3.5.x
vBSEO 3.3.x
* Ahora dirígete a:
Panel de control de vBulletin -> Estilos y Plantillas -> Administrar Estilos-> Tu estilo -> Editar Plantillas
* Abre la plantilla FORUMDISPLAY y añade la etiqueta donde quieras, por ejemplo:
Code:
</head>
<body>
$header
$navbar
<!--VBSEO_RR_1-->
<if condition="$show['forumslist']">
* Abre la plantilla SHOWTHREAD y añade la etiqueta donde quieras, por ejemplo:
Code:
<body onload="$onload">
$header
$navbar
<!--VBSEO_RR_1-->
$poll
* Dirígete a tus foros y el resultado será este:
Páginas FORUMDISPLAY
Páginas SHOWTHREAD
Si no te agrada ese diseño, o no combina con tu estilo, puedes aplicar perfectamente este otro:
Páginas SHOWTHREAD
Páginas FORUMDISPLAY
Para hacer eso, sigue estos pasos:
* Ir al Panel de Control de vBSEO -> Reemplazos Relevantes
* Rellenar el primer reemplazo relevante relativo a la etiqueta <!--VBSEO_RR_1--> con este contenido:
Para páginas forumdisplay:
HTML Code:
<h2>[forum_title]</h2><p id="relevant_replacement">Abajo encontrarás una lista de discusiones en el foro <b>[forum_title]</b> de [bb_title]. [forum_description]</p>
Para páginas showthread:
HTML Code:
<h2>[thread_title]</h2><p id="relevant_replacement">Esta es una discusión en el tema <em>[thread_title]</em> dentro del foro <b>[forum_title]</b>, parte de la categoría [parent_forum_title]; [first_post_50_words]...</p>
Adjunto una imagen para que te resulte más fácil entenderlo.
vBSEO 3.5.x
vBSEO 3.3.x
* Luego de eso, dirígete a:
Panel de control de vBulletin -> Estilos y Plantillas -> Administrar Estilos-> Tu estilo -> CSS Principal
* Navega hasta el final y agrega al recuadro "Definición adicional de CSS" este código:
Code:
#relevant_replacement {
font-size: 11px;
width: 90%;
border-top: #CCCCCC 1px solid;
margin-top: 0px;
margin-right: 25px;
margin-left: 25px;
margin-bottom: 5px;
padding: 4px;
}
.page h2 {
font: bold 24px arial, verdana, sans-serif;
margin-top: 0px;
margin-right: 25px;
margin-left: 25px;
margin-bottom: 0px;
padding: 4px;
}
Siéntete libre de personalizarlo a tu gusto.
* Abre la plantilla FORUMDISPLAY y añade la etiqueta donde quieras, por ejemplo:
Code:
</head>
<body>
$header
$navbar
<!--VBSEO_RR_1-->
<if condition="$show['forumslist']">
* Abre la plantilla SHOWTHREAD y añade la etiqueta donde quieras, por ejemplo:
Code:
<body onload="$onload">
$header
$navbar
<!--VBSEO_RR_1-->
$poll
* Luego de eso, si visualizas una raya gruesa de color gris, por debajo del reemplazo relevante, edita la plantilla SHOWTHREAD y cambia esto:
$spacer_close
Por esto:
<!-- $spacer_close -->
Para versiones 4.x.x de vBulletin:
El sistema de plantillas cambia ligeramente en vBulletin 4.x.x.
* Ir al Panel de Control de vBSEO -> Reemplazos Relevantes
* Rellenar el primer reemplazo relevante relativo a la etiqueta <!--VBSEO_RR_1--> con este contenido:
Para páginas forumdisplay:
HTML Code:
<h1>[forum_title]</h1><p id='relevant_replacement'>Lista de discusiones en el foro <b>[forum_title]</b> en [bb_title]. [forum_description]</p><br />
Para páginas showthread:
HTML Code:
<h1> [thread_title]</h1><p id='relevant_replacement'>Esta es una discusión para el tema <em>[thread_title]</em> en el foro <b>[forum_title]</b>, bajo la categoría [parent_forum_title]; [first_post_35_words]...<br />Página: [thread_page]</p><br />
Adjunto una imagen para que te resulte más fácil entenderlo.
* Ahora dirígete a:
Panel de control de vBulletin -> Estilos y Plantillas -> Administrar Estilos-> Tu estilo -> Editar Plantillas
* Abre la plantilla forumdisplay.css y añade este código al final:
Code:
.titlepage {
width: 50%;
height: 10px;
}
.vbseorr {
width: 100%;
}
#titlepage h1 {
font-size: 19px;
margin-top: 5px;
}
#relevant_replacement {
font-size: 11px;
width: 70%;
border-top: #CCCCCC 1px solid;
margin: 0px 0px 5px 0px;
padding: 4px;
}
* Abre la plantilla showthread.css y añade este código al final:
Code:
.vbseorr {
width: 100%;
}
#titlepage h1 {
font-size: 19px;
margin-top: 5px;
}
#relevant_replacement {
font-size: 11px;
width: 70%;
border-top: #CCCCCC 1px solid;
margin: 0px 0px 5px 0px;
padding: 4px;
}
* Edita la plantilla SHOWTHREAD
Busca:
Agrega debajo:
Code:
<div id="titlepage" class="vbseorr"><!--VBSEO_RR_1--></div>
Busca:
Code:
{vb:rawphrase thread}: <span class="threadtitle"><a href="{vb:raw thread_url}" title="{vb:rawphrase reload_this_page}">{vb:raw threadinfo.title}</a></span>
Reemplázalo por:
Code:
<!-- {vb:rawphrase thread}: <span class="threadtitle"><a href="{vb:raw thread_url}" title="{vb:rawphrase reload_this_page}">{vb:raw threadinfo.title}</a></span> -->
* Edita la plantilla FORUMDISPLAY
Busca:
Agrega debajo:
Code:
<div id="titlepage" class="vbseorr"><!--VBSEO_RR_1--></div>
Busca:
Code:
<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>
Reemplázalo por:
Code:
<!-- <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> -->
* Dirígete a tus foros y el resultado será este:
Páginas FORUMDISPLAY
Páginas SHOWTHREAD