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

¿Quién dijo miedo al código?

Recommended

More Related Content

What's hot

What's hot(20)

Viewers also liked

Viewers also liked(15)

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

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

More from Gorka Goikoetxea Egizabal SEO - SEM

More from Gorka Goikoetxea Egizabal SEO - SEM(14)

Recently uploaded

Recently uploaded(16)

¿Quién dijo miedo al código?