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.

¿Quién dijo miedo al código?

5.351 visualizaciones

Publicado el

Te dedicas al marketing online pero no tienes ni idea de código. No te preocupes, con esta guía puedes tener unas pautas basicas para perderle el miedo al código.

Publicado en: Internet
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

¿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…?

×