Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

Webinar - SEO Avanzado

6.522 visualizaciones

Publicado el

Presentación del webinar SEO Avanzado, que hemos impartido el 29 de abril. En este webinar, hemos profundizado en las técnicas avanzadas de posicionamiento que ayudan a que nuestro proyecto web aparezca en los primeros puestos de buscadores.

Más información en http://www.arsys.info y http://www.arsys.es

Publicado en: Tecnología
  • Inicia sesión para ver los comentarios

  • Sé el primero en recomendar esto

Webinar - SEO Avanzado

  1. 1. SEO Avanzado Posicionamiento Orgánico Tu web en las primeras posiciones
  2. 2. 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/
  3. 3. 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.
  4. 4. 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
  5. 5. 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>
  6. 6. 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/
  7. 7. CMS Mediante All In One SEO Pack podemos actualizar títulos, Keywords, descripciones, tanto globales como específicas de cada página:
  8. 8. 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.
  9. 9. 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
  10. 10. 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>
  11. 11. 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>
  12. 12. 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>
  13. 13. 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.
  14. 14. Herramientas de seguimiento: MetricSpot https://metricspot.com/ Muy parecida a la anterior, pero esta es enteramente gratuita, no tenemos restricciones de tiempo.
  15. 15. Seguimiento: Google Analytics - instalación
  16. 16. Seguimiento: Google Analytics - instalación
  17. 17. 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.
  18. 18. 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.
  19. 19. 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.
  20. 20. Reponsive design: ¿Afecta al SEO? 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.
  21. 21. Reponsive design: ¿Afecta al SEO? 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/
  22. 22. ¡Gracias! José María Baquero Desarrollador Web

×