¿Quién dijo miedo al código?

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

Enganchadoainternet.com @SemBilbaoEnganchadoainternet.com
Cliente Vs Servidor
2

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

HTML 4, HTML viejuno
4
<html >
<head>
<title>Título de la web</title>
</head>
<body>
</body>
</html>

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>

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

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

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

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

<DIV> id
10

Eventos
<button onclick="miFuncion()">CTA</button>
11
 onclick
 ondblclick
 onmousedown
 onmouseup
 onmouseover
 onmousemove
 onmouseout
 onkeypress
 onkeydown
 onkeyup

Código 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>

13

Código seguimiento AdWords
14

<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>

Código 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>

15

CSS
<link href=“estilos.css” rel=stylesheet
type="text/css"media="all" />
16

¿Y el SEO qué?
17

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

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

Canonical
<link rel="canonical"
href="http://www.mediapostgroup.es/" />
20
Google Panda
Vs
Contenido duplicado

Enganchadoainternet.com @SemBilbaoEnganchadoainternet.com 21
Google Penguin

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 ”

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

Enganchadoainternet.com @SemBilbao
Gorka Goikoetxea
ukoegin@ukoegin.com
www.enganchadoainternet.com
@SemBilbao
24
¿Preguntas…?

¿Quién dijo miedo al código?

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Destacado

Destacado (15)

Similar a ¿Quién dijo miedo al código?

Similar a ¿Quién dijo miedo al código? (20)

Más de Gorka Goikoetxea Egizabal SEO - SEM

Más de Gorka Goikoetxea Egizabal SEO - SEM (14)

Último

Último (19)

¿Quién dijo miedo al código?