Se ha denunciado esta presentación.
Se está descargando tu SlideShare. ×

Ad

Enganchadoainternet.com @SemBilbaoEnganchadoainternet.com 1
¿Quién dijo, miedo al código?

Ad

Enganchadoainternet.com @SemBilbaoEnganchadoainternet.com
Cliente Vs Servidor
2

Ad

Enganchadoainternet.com @SemBilbaoEnganchadoainternet.com
URL y rutas
3
Absoluta: http://guapo.com/trucos/como-ser-mas-gua...

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Cargando en…3
×

Eche un vistazo a continuación

1 de 24 Anuncio
1 de 24 Anuncio

Más Contenido Relacionado

¿Quién dijo miedo al código?

  1. 1. Enganchadoainternet.com @SemBilbaoEnganchadoainternet.com 1 ¿Quién dijo, miedo al código?
  2. 2. Enganchadoainternet.com @SemBilbaoEnganchadoainternet.com Cliente Vs Servidor 2
  3. 3. Enganchadoainternet.com @SemBilbaoEnganchadoainternet.com URL y rutas 3 Absoluta: http://guapo.com/trucos/como-ser-mas-guapo/ Relativa: /trucos/como-ser-mas-guapo/ ../trucos/como-ser-mas-guapo/ http://librosweb.es/xhtml/capitulo_4/enlaces_relativos_y_absolutos.html www.guapo.com/trucos/como-ser-mas-guapo/ URIDominio URL
  4. 4. Enganchadoainternet.com @SemBilbaoEnganchadoainternet.com HTML 4, HTML viejuno 4 <html > <head> <title>Título de la web</title> </head> <body> </body> </html>
  5. 5. Enganchadoainternet.com @SemBilbaoEnganchadoainternet.com HTML 5, hacia la web semántica 5 <html> <head> <title>...</title> </head> <body> <header>...</header> <nav>...</nav> <article> <section> ... </section> </article> <aside>...</aside> <footer>...</footer> </body> </html>
  6. 6. Enganchadoainternet.com @SemBilbaoEnganchadoainternet.com Head 6 <!DOCTYPE html> <html lang="es"> <head> <title>Titulo de la web</title> <meta charset="utf-8" /> <meta description=“descripción de la página" /> <link rel="stylesheet" href="estilos.css" /> <link rel="shortcut icon" href="/favicon.ico" /> <link rel="publisher" href="https://plus.google.com/+GeobuzonEs/" /> </head> …
  7. 7. Enganchadoainternet.com @SemBilbaoEnganchadoainternet.com Etiquetas, atributos, valores <etiqueta atributo1=“valor” atributo2=“valor”>Contenido</etiqueta cierre> <p align=“center” class=“parrafo”>Texto</p>  <h1>Lorem Ipsum</h1>, <h2></h2>  <strong>Lorem Ipsum </strong>  <ul><il></il></ul>  <br/> 7
  8. 8. Enganchadoainternet.com @SemBilbaoEnganchadoainternet.com Links <a href=“url”>Anchor text</a> <a title=“10 trucos de Adwords” href="http://dominio.com/trucos-adwords/” target= “_blank” rel="nofollow" > Trucos de Google Adwords </a> Trucos de Google Adwords 8
  9. 9. Enganchadoainternet.com @SemBilbaoEnganchadoainternet.com Imágenes <img src=“url”/> <img title=“10 trucos de Adwords” alt=“10 trucos de SEM” href=“http://dominio.com/foto.jpg” width=“327” height=“265” /> 9
  10. 10. Enganchadoainternet.com @SemBilbaoEnganchadoainternet.com <DIV> id 10
  11. 11. Enganchadoainternet.com @SemBilbaoEnganchadoainternet.com Eventos <button onclick="miFuncion()">CTA</button> 11  onclick  ondblclick  onmousedown  onmouseup  onmouseover  onmousemove  onmouseout  onkeypress  onkeydown  onkeyup
  12. 12. Me aburro 12
  13. 13. Enganchadoainternet.com @SemBilbaoEnganchadoainternet.com Código Analytics <!-- Google Analytics --> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r ]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m .parentNode.insertBefore(a,m) })(window,document,'script','//www.google- analytics.com/analytics.js','ga'); ga('create', 'UA- 48404911-1', 'geobuzon.es'); ga('send', 'pageview'); </script> <!-- Google Google Analytics --> 13
  14. 14. Enganchadoainternet.com @SemBilbaoEnganchadoainternet.com Código seguimiento AdWords 14 <!-- Google Code for Form Contacto Conversion Page --> <script type="text/javascript"> /* <![CDATA[ */ var google_conversion_id = 971848753; var google_conversion_language = "en"; var google_conversion_format = "3"; var google_conversion_color = "ffffff"; var google_conversion_label = "bVitCL-1-gYQsfi0zwM"; var google_remarketing_only = false; /* ]]> */ </script> <script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js"> </script> <noscript> <div style="display:inline;"> <img height="1" width="1" style="border-style:none;" alt="" src="//www.googleadservices.com/pagead/conversion/9718487 53/?label=bVitCL-1- gYQsfi0zwM&amp;guid=ON&amp;script=0"/> </div> </noscript>
  15. 15. Enganchadoainternet.com @SemBilbaoEnganchadoainternet.com Código Tag Manager <!-- Google Tag Manager --> <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM- X5SB" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscri pt> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm .start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async =true;j.src= '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parent Node.insertBefore(j,f); })(window,document,'script','dataLayer','GTM- X5SB');</script> <!-- End Google Tag Manager --> 15
  16. 16. Enganchadoainternet.com @SemBilbaoEnganchadoainternet.com CSS <link href=“estilos.css” rel=stylesheet type="text/css"media="all" /> 16
  17. 17. Enganchadoainternet.com @SemBilbaoEnganchadoainternet.com ¿Y el SEO qué? 17
  18. 18. Enganchadoainternet.com @SemBilbaoEnganchadoainternet.com Optimización SEO de URL  Con sentido Semántico.  Debe aparecer la Keyword.  Menos de 100 caracteres, máximo 5 palabras.  Eliminar preposiciones, artículos…  Guión medio (-), no guión bajo (_)  Niveles de Profundidad: máximo 3 niveles: www.dominio.com/1ºnivel/2ºnivel/3nivel  Wordpress: enlace personalizado www.dominio.es/%category%/%postname%/ 18
  19. 19. Enganchadoainternet.com @SemBilbaoEnganchadoainternet.com Optimizando URL 10 trucos para ser más guapo  guapo.com/trucos/ser-mas-guapo-10-trucos  www.guapo.com/es/belleza/?category=belleza &tag=guapo  www.guapo.com/index.php?main_page=index &cPath=67&zenid=m285f908t1r75cdpdu27k1c j25 19
  20. 20. Enganchadoainternet.com @SemBilbaoEnganchadoainternet.com Canonical <link rel="canonical" href="http://www.mediapostgroup.es/" /> 20 Google Panda Vs Contenido duplicado
  21. 21. Enganchadoainternet.com @SemBilbaoEnganchadoainternet.com 21 Google Penguin
  22. 22. Enganchadoainternet.com @SemBilbaoEnganchadoainternet.com Google Plus 22 Empresa: <link rel="publisher" href="https://plus.google.com/+GeobuzonEs/" /> Persona: <link rel="author" href="https://plus.google.com/+PaulaSoto/" /> “Nos han quitado las caritas ”
  23. 23. Enganchadoainternet.com @SemBilbaoEnganchadoainternet.com Enlaces entrantes y salientes  Enlace interno en los primeros párrafos.  Enlace externo a webs relevantes.  Variaciones de Keyword en anchor text.  Links naturales, nunca comprados.  Controlar nº enlaces: Link Juice  No aplicable a Landings de AdWords 23
  24. 24. Enganchadoainternet.com @SemBilbao Gorka Goikoetxea ukoegin@ukoegin.com www.enganchadoainternet.com @SemBilbao 24 ¿Preguntas…?

×