Tag Archives: Google

vBulletin: adsense module for vBAdvanced [SOLVED]

vBulletin users usually purchase vBAdvanced to increase their forums potential. It is a great tool for doing things like:

Creating google adsense module

For my adsense ads in my right column I just created a simple template with the Adsense script inside of a <center> tag.

Follow this steps:

1 AdminCP > vBa CMPS > Add Module > Template Module
2I called mine adv_portal_publicidad but you can call yours anything you want after the “adv_portal_” part. Copy & past the code below into the template. Change the parts inside of the “script” tags to be your own code that the Google Adsense page generated for you. Save the template.

<center>
<script type="text/javascript"><!--
google_ad_client = "pub-8302299911530853";
google_ad_width = 120;
google_ad_height = 240;
google_ad_format = "120x240_as";
google_ad_channel ="6330441493";
google_color_border = "B4D0DC";
google_color_bg = "ECF8FF";
google_color_link = "0000CC";
google_color_url = "008000";
google_color_text = "6F6F6F";
//--></script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</center>

3Edit your “homepage” page in vBa panel and include the adv_portal_publicidad module in the right column.

That’s all, folks!

SEO: las mejores herramientas gratis

Os he hablado en muchas ocasiones de SEARCH ENGINE OPTIMIZATION (SEO) y me gustaría destacar algunas de las herramientas seo gratuitas más útiles.

1. Herramienta google para palabras clave: https://adwords.google.es/select/KeywordToolExternal.
Utilice la Herramienta para palabras clave para obtener nuevas ideas sobre palabras clave. Seleccione una de las opciones siguientes para introducir unas palabras o frases descriptivas, o especifique la URL de su sitio web. Sugerencias para utilizar la Herramienta para palabras clave.

2. Una vez seleccionadas las palabras clave (y las long tails, si las hubiera) para las que deseamos posicionarnos podemos chequear la densidad de keywords usando esta herramienta (gratis): densidad de keywords.

3. Tampoco debéis algo de lo que ya os he hablado, la generación de sitemaps con herramientas gratuitas como gsitecrawler.

Espero que os resulte útil esta info.

CDS Invenio: Internet Explorer 8, https, css and images not loading [SOLVED]

I have to admit I hate IE8. I do not use it except for testing that pages are displayed right. Some days ago a user wrote complaining about the visualization of Your options – Your submissions page: the CSS and images were not being loaded.

Internet Explorer 8 assumes that, in an SSL (https) connection, every element has to be loaded via HTTPS. If this does not happen, IE8 displays a security alert so that user can decide to load / not load the “insecure” elements.

The problem

I used httpwatch free basic version when loading the page and noticed the CSS url was starting with “http” and not “https”.

Altought mozilla does not complain about https pages loading http contents, IE8 does.

This is what happened when loading yoursubmissions.py page (the warning text is in spanish, sorry):

yoursubmissions.py issues with IE8

If you click “yes” none of the CSS nor the images are loaded and everything looks awful:

CDS Invenio, css and https

On the other side, if you hit “no” the page looks fine.

The fix

Samuele, from CDS Support Team, gave me a great advice: edit /var/www/yoursubmissions.py, look for the return page(..." line and add secure_page_p=1. This forces yoursubmissions function (defined in webstyle_templates.py) to load CSS via https.

Then run:

sudo -u apache /soft/cds-invenio/bin/inveniocfg --update-all; /etc/init.d/httpd restart

Cool! Now the CSS is working… but the gif’s won’t load. Shit!

Digging in webstyle_templates.py code (more precisely, I noticed that images were being loaded using CFG_SITE_URL instead of CFG_SITE_SECURE_URL in yoursubmissions function. So I added the CFG_SITE_SECURE_URL variable to the imports:

from invenio.config import \
     CFG_SITE_URL, \
     CFG_VERSION, \
     CFG_SITE_URL, \
     CFG_SITE_LANG, \
     CFG_SITE_SECURE_URL

and changed some CFG_SITE_URL to CFG_SITE_SECURE_URL in the image variable assignations. Then you must run:

sudo -u apache /soft/cds-invenio/bin/inveniocfg --update-all; /etc/init.d/httpd restart

I checked everything was working fine after this changes. It was, so I made something similar with:
yourapprobals.py
publiline.py
websession_weinterface.py
webbasket_templates.py
webalert_webinterface.py
webbasket_webinterface.py
webmessage_webinterface.py

I see the page correctly, but the IE8 warning is still showing up

Culprits? Some element(s) is (are) still referenced via HTTP and not HTTPS. You should use a sniffer (for instance, httpwatch) to check which are these elements.

One of the most common is Google analytics urchin file, which is usually loaded like:

<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
<script type="text/javascript">
try {
  _uacct = "UA-6988718-1";
  urchinTracker();
} catch(err) {}</script>

And should be changed to:

<script src="https://ssl.google-analytics.com/urchin.js" type="text/javascript"></script>
<script type="text/javascript">
try {
  _uacct = "UA-6988718-1";
  urchinTracker();
} catch(err) {}</script>

(This lines are usually in your webstyle_templates_yoursitename.py).

*** 2010-03-12 UPDATE ***
The new google analytics code version (which calls ga.js) does this http/https thing on its own. In fact, here is an example of the call to ga.js (just like the one google provides). Thanks Samuele for pointing this out.

<script type="text/javascript">
 var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." 
: "http://www.");
 document.write(unescape("%3Cscript src='" + gaJsHost + 
"google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
 </script>
 <script type="text/javascript">
 try{
 var pageTracker = _gat._getTracker("UA-xxxxxx-x");
 pageTracker._trackPageview();
 } catch(err) {}
</script>

After every change you must remember to run:

sudo -u apache /soft/cds-invenio/bin/inveniocfg --update-all; /etc/init.d/httpd restart

Hope it helps someone ;)

Posicionamiento en Google (III)

Este artículo es una continuación de Posicionamiento en Google (I) y Posicionamiento en Google (II).

Voy a continuar dando algunos consejos básicos de cara a mejorar tu PR en Google. Como siempre hay que tomar estos consejos como unas recomendaciones básicas, no hay porqué seguirlos al pie de la letra. Ten en cuenta que a veces es mejor pecar de defecto que de exceso, pues si abusas de las medidas aquí expuestas podrás ser penalizado por los motores de búsqueda.

1. Crea headings

Los headings son items que sobresalen sobre los demás. Por ejemplo,

ésto es un heading de tamaño 1, o <h1>

ésto es un heading de tamaño 2, o <h2>

Asimismo existen el <h3>, <h4>, etc
Para los motores de búsqueda el H1 incluye contenido muy importante. Así que trata de incluir tus keywords más habituales en este H1.
Un H2 también tiene más importancia que el resto del texto.
La mayoría de editores WYSIWYG permiten la creación de este tipo de tags. En caso de que no lo permita edita el código fuente de tu aplicación y rodea las partes que quieras destacar con los tags <Hi>, siendo i el tamaño del heading.
El ejemplo de arriba tiene el siguiente código fuente:


<h1>ésto es un heading de tamaño 1</h1>
<h2>ésto es un heading de tamaño 2</h2>

Ojo! No abuses de las tags <h1> o los motores de búsqueda podrían penalizarte asignándote un bajo ranking. En general es más que suficiente con un <h1> y un par de <h2> por página.

2. Utiliza la negrita y la cursiva

La utilización de negrita y cursiva es importante ya que los indexadores consideran que el texto que este tipo de textos tienen más importancia que el resto de los existentes en la página y les asigna una prioridad mayor a la hora de mostrar páginas de resultados de búsqueda.
Localiza tus keywords principales y trata de encuadrarlas en tags e . Como siempre, no abuses o tu página resultará ilegible…

3. Obten una correcta densidad de keywords

Esto es, a menudo, una de los objetivos más difíciles de alcanzar. No te obsesiones con el tema, únicamente está bien que lo conozcas.
La densidad de palabras clave (keywords) es, en resumen, el número de veces que utilizas palabras clave en relación con el total de texto en tu página web.
Por ejemplo, imaginemos que escribes hyips 20 veces en una página que tiene alrededor de 400 palabras. Entonces tu densidad de la palabra clave hyips es 20/400=5%. Si tus densidades son superiores al 8% los motores de búsqueda te penalizarán por considerarte spammer (lo llaman Keyword stuffing).
Como norma general recomiendo no pasar del 5%. De todas formas no te obsesiones con este tema. Escribe tu página de forma normal, como si fueras a contar el contenido a otra persona. Entonces léela y observa si has abusado de alguna keyword. Si consideras que has abusado de alguna reescribe tu artículo hasta que obtengas una densidad aceptable.

4. Utiliza alt en las imágenes

Cuando incluyas una imagen dentro de tu página web, bien sea un logo, una fotografía o un gráfico de datos, asegúrate de SIEMPRE incluir el tag <alt> con información descriptiva de la imagen. El texto que va dentro de este atributo no se mostrará normalmente en tu página web -esto es, tú no lo verás-, pero los motores de búsqueda sí lo leerán. La forma de ver este tipo de textos es colocar el ratón sobre la imagen en cuestión, y el texto aparecerá.

Además, si no incluyes este tag y utilizas determinado DTD tu página no pasará la validación del W3C.
Mira éste código de ejemplo:
<img src="http://www.hyips.es/templates/siteground-j15-54/images/header_bg.jpg" alt="logo de hyips.es - inversiones de alta rentabilidad" />
Otro gran consejo: haz que el nombre de la imagen contenga las keywords más importantes de tu sitio. Por ejemplo, en vez de header_bg.jpg podría haberlo llamado hyips.jpg.

4. Utiliza metatags

Esto es absolutamente imprescindible si deseas obtener un buen PR. Rellena estos items en cada página y sé meticuloso a la hora de elegir su contenido. ¿Por qué molestarse, si existen algunos plugins que incluyen la metainformación de forma automática (por ejemplo SH404SEF). Ninguno de estos plugins hará un trabajo tan fino como podría hacerlo un humano. Estas palabras, calculadas de forma automática, pueden servir de “guia” o servir en algunos casos, pero no en la mayoría.
Lo más importante es la meta tag description. Muchos indexadores (sí, también Google) utilizarán éste campo si no son capaces de acceder a otras partes de la página. Piensa en esta descripción cuidadosamente, hazla como un pequeño anuncio ;)

Busca un tema en google y fíjate en la razón que te hace elegir en qué link pinchas (sí, ya lo sé, lo primero es el orden!). Pero si te das cuenta lo primero que miras es el título que se muestra y lo siguiente… la descripción de la página!! ¿Ves por dónde voy? ;)

5. Usa enlaces internos

Enlaza tus artículos anteriores u otras secciones de tu página siempre que puedas. Por ejemplo, como he hecho yo al principio de este artículo, donde he enlazado dos artículos anteriores. Además, utiliza títulos descriptivos para hacer los enlaces. No es lo mismo poner “este artículo viene de aquí y aquí que poner lo que yo he puesto. No utilices imágenes para este tipo de enlaces. Como siempre, intenta meter keywords en estos enlaces.
En este sentido disponer de un sitemap válido es una gran forma de realizar ese linkado interno. Eso sí, asegúrate de que el sitemap está bien! Muchas veces los generadores de sitemaps incluyen url’s no deseadas o no las muestran en el orden óptimo.

6. Enlaces externos

Conseguir que nos enlacen se ha vuelto una obsesión para algunos webmasters. La realidad es que cuantos más enlaces externos apunten a nuestro sitio, mejor ranking nos dará google. PERO si estos enlaces provienen de páginas penalizadas, de granjas de links, sitios web con pr más bajo que el tuyo, sitios cuyo contenido dista mucho del tuyo, etc… más que beneficiarte, te fastidiarán, pues google te penalizará.

Intenta localizar los sitios web que, sin competir directamente contigo, manejan temática cercana a la tuya o están relacionados de alguna manera. Pídeles de forma amable que coloquen un link a tu página a cambio de un link desde tu página. Para hacerselo más fácil, proporciónales tú mismo el código del link y trata de ser descriptivo a la hora de elegirlo. No proporciones enlaces del tipo www.hyips.es, sino más bien del tipo Inversiones de alta rentabilidad – hyips.es. Ves por dónde van los tiros? ;)

Posicionamiento en Google (II)

Como continuación al primer artículo de la serie, os voy a contar algunas cosas más de SEO (Search Engine Optimization).

Optimiza tus palabras clave
¿Qué busca la gente cuando entra a tu sitio? ¿Qué contenidos son más atractivos? Es IMPRESCINDIBLE que uses:
[1] Optimiza tus palabras clave de Google y descárgalas en diversos formatos.
Cuando obtengas los resultados, ordénalos por Search Volume antes de descargarlos.
Yo obtuve algo asi:


hyip
hyips
inversion
inversiones
ganar dinero
invertir
inversión
ganar dinero internet
alta rentabilidad
facil
cómo hacerse rico

Promociónate todo lo posible, y más
[2] Anúnciate en sitios como Yahoo! (advertising your business with Yahoo!)

Crea buenos títulos
Ya dispones de las palabras clave óptimas, obtenidas en [1]. Incorpóralas a tu sitio web:


<meta name="keywords" content="hyip, hyips, inversion, inversiones, ganar dinero, invertir, inversión, ganar dinero internet, alta rentabilidad, high yield investment programs, inversión" />
<meta name="description" content="hyips.es - hyips e inversiones" />
<title>hyips.es | La referencia en inversiones online</title>
</code>

Sé original creando títulos. Por ejemplo "mi página de inversiones para ganar dinero" tendrá un ranking parecido a "Gana dinero! Inversiones fáciles", sin embargo, ¿en cuál harías click? ;-)
Si deseas leer mucho más sobre cómo crear títulos efectivos, visita [3] http://www.copyblogger.comç

Crea contenido de calidad
No es necesario dar muchas más explicaciones. Si aportas contenidos interesantes la gente volverá a tu sitio a seguir consultando información.

Posicionamiento en google (I): validando tus DTD's

Antes de seguir leyendo:
- Si no sabes qué es un DTD, búscalo en wikipedia

De cara a tener un alto pagerank en google, un aspecto que debemos verificar periódicamente es la validez de nuestros DTD’s. Además, tener un código válido, limpio y organizado mejora notablemente el aspecto de nuestra página web, aportándole solidez.

Validando el DTD
Podemos utilizar múltiples herramientas para validar el código fuente de nuestras páginas. Yo suelo utilizar el Validador del W3C.

Éste validador lee el código fuente de nuestra página, consulta el DTD que estamos utilizando y valida nuestro código contra ese DTD. Si nuestro código es incorrecto nos muestra los errores que tiene y, normalmente, nos da pistas sobre cómo solventarlos.

Para mis páginas suelo utilizar el DTD Transitional.
<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Por ejemplo, para validar la corrección del DTD, basta con pulsar en este enlace

Si la validación pasa sin errores, podremos incluir el siguiente logo en nuestro sitio.

Valid XHTML 1.0 Transitional

Creando sitemaps de forma automática

Si no sabes qué son los sitemaps, para de leer y consulta wikipedia.

Existen multitud de servicios para crear sitemaps [1].

Dentro de las herramientas online, me gusta especialmente xml-sitemaps.

xmlsitemaps

Este servicio crea sitemaps en formato xml, directamente importable a google, así como html. Las versiones html son especialmente útiles para verificar qué contenidos se han indexado en el sitemap. Gracias a ello podemos observar fallos en nuestras páginas (URL’s que no deberían ser visibles, enlaces que fallan, títulos de enlaces repetidos, etc).

sitemap version HTML

Por ejemplo, en esta imágen se observa que existen varias páginas con el mismo título. A las arañas de google no les gustan los títulos repetidos, por lo que habría que modificar algunas de mis páginas para que tuvieran títulos distintos. Hablaremos más adelante sobre cómo mejorar el posicionamiento web y el pagerank de tus páginas.

Las versiones gratuitas de estos servicios online no siempre satisfacen las necesidades del webmaster (indexan hasta un máximo de 500 páginas, no se permite la utilización de filtros de exclusión de contenidos por url, ni por tipos de archivo, no se permite controlar la profundidad a la que se indexa, etc).

Por todo ello resulta conveniente utilizar herramientas locales (ejecutadas directamente en el servidor, o mediante un cliente). Paso a comentar algunas alternativas para Windows y Linux

Herramientas server-side para Windows

Últimamente estoy empleando GSiteCrawler.

Éste software, que funciona bajo windows, nos permite crear varios proyectos al mismo tiempo y guardar los settings para cada uno de ellos.

Un pantallazo del programa en ejecución:
GSiteCrawler en ejecucion

Herramientas server-side para Linux
Google ha desarrollado GoogleSitemapGenerator, todavía en versión Beta. Ofrece versiones para Windows y Linux, ambas de libre distribución. En este caso comentaré la versión para linux.

Siguiendo el manual de instalación instalamos el software, ponemos una password para administración del nuevo servicio y hacemos un restart del Apache. La aplicación corre por defecto en el puerto 8181.

La aplicación permite definir filtros de inclusión/exclusión de contenidos, tamaños máximos de archivos, inclusión directa de los sitemaps en google, cambiar el nombre del fichero sitemap donde se guardan los resultados, etc.

Un pantallazo de la herramienta mientras comienza la indexación de contenidos…
google sitemap generator en ejecucion

[1] Herramientas para la generación de sitemaps, por categorías

Programas para ejecutar en el servidor

CMS y otros plugins

Herramientas descargables

Servicios de generación online

Librerías/Códigos fuente