¿Quién dijo miedo al código?
0 recomendaciones6,858 vistas
El documento ofrece una introducción a conceptos básicos de desarrollo web, incluyendo estructura HTML, URLs, enlaces y la integración de herramientas de analítica como Google Analytics y Google Tag Manager. También aborda la optimización de SEO, sugiriendo mejores prácticas para la creación de URLs y enlaces dentro de un sitio web. Además, menciona la importancia de los enlaces entrantes y salientes para mejorar la relevancia y el rendimiento del sitio en motores de búsqueda.
![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](https://image.slidesharecdn.com/quien-dijo-miedo-al-codigo-150314194702-conversion-gate01/85/Quien-dijo-miedo-al-codigo-13-320.jpg)
![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&guid=ON&script=0"/>
</div>
</noscript>](https://image.slidesharecdn.com/quien-dijo-miedo-al-codigo-150314194702-conversion-gate01/85/Quien-dijo-miedo-al-codigo-14-320.jpg)
![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](https://image.slidesharecdn.com/quien-dijo-miedo-al-codigo-150314194702-conversion-gate01/85/Quien-dijo-miedo-al-codigo-15-320.jpg)
¿Quién dijo miedo al código?
- 1. Enganchadoainternet.com @SemBilbaoEnganchadoainternet.com 1 ¿Quién dijo, miedo al código?
- 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. Enganchadoainternet.com @SemBilbaoEnganchadoainternet.com HTML 4, HTML viejuno 4 <html > <head> <title>Título de la web</title> </head> <body> </body> </html>
- 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. 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. 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. 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. 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
- 11. Enganchadoainternet.com @SemBilbaoEnganchadoainternet.com Eventos <button onclick="miFuncion()">CTA</button> 11 onclick ondblclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
- 12. Me aburro 12
- 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. 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&guid=ON&script=0"/> </div> </noscript>
- 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. Enganchadoainternet.com @SemBilbaoEnganchadoainternet.com CSS <link href=“estilos.css” rel=stylesheet type="text/css"media="all" /> 16
- 17. Enganchadoainternet.com @SemBilbaoEnganchadoainternet.com ¿Y el SEO qué? 17
- 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. 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. Enganchadoainternet.com @SemBilbaoEnganchadoainternet.com Canonical <link rel="canonical" href="http://www.mediapostgroup.es/" /> 20 Google Panda Vs Contenido duplicado
- 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. 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