Webinar - SEO Avanzado

SEO Avanzado
Posicionamiento Orgánico
Tu web en las primeras posiciones

Estructura interna de nuestra página
Mantener una estructura limpia y bien conformada.
Dentro de la cabecera de la página (<head>) debemos tener presentes siempre estas etiquetas:
- Title: <title>Registro de dominios, comprar dominio, dominios .es</title>. Máximo 65 caracteres. Evitar
palabras que no aporten información relevante. Debe ser único por página.
- Description: <meta name="description" content=“Descripción de la página">. Máximo 156 caracteres.
- Keywords: meta name="keywords" content=“keyword1, keyword2, keyword3“>. Recomendable 10 palabras.
En el contenido de la página debemos tener en cuenta estas palabras clave, atendiendo a la densidad de las
mismas. El procentaje de palabras clave recomendado debe estar entre 1 y 5 por ciento, por encima del 5% se
considera keyword stuffing.
http://www.seomofo.com/snippet-optimizer.html
http://tools.seobook.com/general/keyword-density/

Keywords
Con el planificador de palabras clave de Google AdWords
podemos seleccionar los términos mas adecuados para
posicionar nuestra web. Nos da información de valor
referente al número de visitas mensuales de cada palabra
clave, la competencia y en el caso de querer hacer una
campaña de pago, la puja sugerida.
También podemos ver la tendencia de búsqueda por
dispositivo, por móvil o por ubicación.

URL Amigable
Las URL amigables favorecen el posicionamiento de la página, sobre todo si utilizamos nuestras palabras clave
y las conformamos de tal manera que eliminemos las palabras que no aportan nada: de, en, a,…
http://www.webinarseo.com/esta-es-una-prueba-de-url-que-nos-sirve
http://www.webinarseo.com/url-prueba-sirve

URL Amigable: .htaccess
Para poder utilizar las URLs amigables mediante
.htaccess debemos tener activo el módulo mod_rewrite.
¿Qué es un fichero .htaccess?
Un fichero de configuración utilizado por los servidores
web Apache.
<IfModule mod_rewrite.c>
# Activar RewriteEngine
RewriteEngine on
RewriteBase /
RewriteCond %{SCRIPT_FILENAME} !-d
RewriteCond %{SCRIPT_FILENAME} !-f
RewriteRule ^promocion/(.*)$ /promocion.php?promo=$1 [L]
</IfModule>

CMS
Si tenemos una web realizada con un gestor de contenidos (CMS), las labores descritas anteriormente se
simplifican bastante. Por ejemplo, si tenemos y una página basada en WordPress:
- Keywords, description, title…: existen varios módulos que nos ayudan en nuestras labores de SEO, por
ejemplo All In One SEO Pack, que nos permite trabajar el SEO de cada página de una manera mu sencilla.
https://wordpress.org/plugins/all-in-one-seo-pack/

CMS
Mediante All In One SEO Pack podemos actualizar títulos, Keywords, descripciones, tanto globales como
específicas de cada página:

CMS: URLs Amigables
En los CMS las URL amigables solo hay que activarlas, y en el caso específico de WordPress, si vemos que la
URL que nos genera no es de nuestro agrado, la modificamos.
Ajustes  Enlaces permanentes: seleccionamos la opción de url permanente que mas se acomode a nuestros
requerimientos.
En cada entrada podremos editar la URL amigable que nos genera.
Las palabras clave o las mas relevantes deben estar lo mas a la izquierda posible de la URL
Evitaremos el uso de números y fechas para nuestras URL, son mas difíciles de recordar.

Estructura HTML
Hasta ahora, maquetábamos las páginas con etiquetas comunes, dándoles aspectos y funcionalidades
diferentes dependiendo de su objetivo o posición, ahora vamos a dotar a nuestro código de una sintaxis
diferente en cada caso, que el propio código identifique el contenido de la página.
<head>
</head>
<body>
<div class=“header”>
<div class=“menu”>
</div>
</div>
<div class=“container”>
<div class=“menu_lat”></div>
<div class=“content”></div>
</div>
<div class=“footer”></div>
</body>
<header>
</header>
<nav></nav>
<article>
<section></section>
</article>
<aside></aside>
<footer></footer>
http://ww.arsys.info/general/estructura-de-html5-y-para-que-se-utiliza-la-semantica-del-codigo

Estructura HTML: Semántica - Microdatos
HTML5 nos da la posibilidad de definir una semántica personalizada que le permita conocer a los buscadores
como Google el contenido de la página solo con la estructura y pudiendo así dar al usuario los mejores
resultados acordes a los términos buscados.
Para crear un elemento utilizando la sintaxis de los microdatos debemos declarar tres atributos:
- itemscope: define el elemento (booleano).
- Itemprop: define una propiedad del elemento.
- Itemtype: el tipo del elemento.
http://www.data-vocabulary.org/
P.e. definición de una persona:
<div itemscope itemtype="http://schema.org/Person">
<p>Nombre:<span itemprop="name">Nombre de la persona</span>.</p>
<p>Email: <span itemprop=“contact">info@midireccion.com</span>.</p>
<p>Fotografía: <img itemprop=“url" src=“http://www.midireccion.com"> </p>
</div>

Estructura HTML: Semántica - Microformatos
Otra manera de describir propiedades es por los microformatos que utilizan una estructura XHTML o HTML.
Tipos de microfromatos:
- Opiniones: hreview
- Personas: vcard
- Productos: itemscope
- Empresas y Orcanizaciones: vcard
- Recetas: hrecipe
- Eventos: hcalendar
- …
<p class="vcard">
Me llamo <span class="fn">Nombre de la persona</span>, y esta es mi página web <a href="
http://www.midireccion.com" class="url">midireccion.com</a>
.</p>

Estructura HTML: Semántica - RDFa
Para esta manera de describir una entidad se utilizan un conjunto de extensiones XHTML.
http://www.w3schools.com/webservices/ws_rdf_reference.asp
<p xmlns:v="http://rdf.data-vocabulary.org/#" typeof="v:Person">Me llamo<span property="v:name">Nombre de la
persona</span>, ,mi web es <a href="http://midireccion.com" rel="v:url">midireccion.com</a>.</p>

Herramientas de seguimiento: WooRank
https://www.woorank.com/es/
Mediante esta herramienta podemos ver el estado de nuestra web en diferentes aspectos que afectan al SEO,
nos dará consejos de mejora y una explicación de que es cada uno de los aspectos que analiza.
La herramienta es gratuita, pero solo deja un análisis a la semana, disponemos de una prueba de 7 días para
testearla y ver si nos resulta útil.

Herramientas de seguimiento: MetricSpot
https://metricspot.com/
Muy parecida a la anterior, pero esta es enteramente gratuita, no tenemos restricciones de tiempo.

Seguimiento: Google Analytics - instalación

Seguimiento: Google Analytics – instalación - Inicio
Una vez que disponemos del código de seguimiento, deberemos incluirlo en nuestra página web, en concreto
entre las etiquetas <head></head> y justo antes del cierre de las mismas.
En los CMS disponemos de plugins que nos dan la opción de incluir el código de seguimiento de Google
Analytics, pero no lo incluyen de manera correcta, es mejor editar el código de la página e incluirlo a mano.
Mediante Google Analytics podemos tener acceso a datos que nos ayuden a mejorar nuestra web y orientarla
dependiendo de los valores que vamos observando.
Una vez que entramos en Analytics vemos esta página:
Es un resumen de los datos obtenidos en el periodo
que le he hemos indicado, si no le hemos dicho nada
nos proporciona datos del último mes.

Seguimiento: Google Analytics – instalación - Inicio
• Sesiones: visitas de la web, si un usuario la ha visitado dos veces, cuenta dos visitas.
• Usuarios: usuarios únicos, solo contaría una visita en el caso anterior.
• Número de páginas vistas: Número de páginas que los usuarios han visitado en total
• Páginas/Sesión: media de páginas visitadas por usuario.
• Duración media de la sesión: tiempo medio que pasan los usuarios en nuestra web.
• Porcentaje de rebote: son los usuarios que entran y no llegan a navegar en la web.
• % nuevas sesiones: % de nuevos usuarios.

Reponsive design: ¿Afecta al SEO?
Una web responsive o con diseño sensible es aquella cuyo contenido se adapta a la pantalla del dispositivo que
lo esté visualizando.

Google avisó en webmastertools que para el 21 de abril de 2015 que empezaría a tomar en cuenta el nivel de
usabilidad de las páginas, si las páginas no tienen un nivel óptimo de adaptación, el posicionamiento en
buscadores podría verse afectado.

Una de las razones por las que Google a tomado esta decisión, es por la gran penetración de los dispositivos
móviles y por el constante aumento en su utilización ya que la navegación en dispositivos móviles a superado a
la navegación desde ordenadores de sobremesa.
¿Cómo se si me afecta esta nueva norma?
https://www.google.com/webmasters/tools/mobile-friendly/

¡Gracias!
José María Baquero
Desarrollador Web

Webinar - SEO Avanzado

Más contenido relacionado

La actualidad más candente

Destacado

Similar a Webinar - SEO Avanzado

Más de Arsys

Webinar - SEO Avanzado