-
Notifications
You must be signed in to change notification settings - Fork 2
/
seo.html
288 lines (256 loc) · 15.8 KB
/
seo.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
<!DOCTYPE html>
<html lang="es">
<head>
<!-- Basic -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SEO | Optimiza tu Sitio Web ahora</title>
<meta name="description"
content="Descubre las configuraciones esenciales para SEO y mejora el rendimiento de tu sitio web en los motores de búsqueda.">
<link rel="canonical" href="https://optimizadorweb.site/seo">
<meta name="author" content="Luciano Treachi">
<!-- Fonts -->
<link rel="preload" as="font" href="/assets/fonts/Inter-Regular.woff2" type="font/woff2" crossorigin="anonymous">
<!-- Styles -->
<link rel="preload" as="style" href="/css/pages-styles.css">
<link rel="stylesheet" href="/css/pages-styles.css">
<!-- Scripts -->
<script src="/js/progress-bar.js" defer></script>
<!-- Favicon -->
<link rel="icon" type="image/png" href="/assets/favicon/favicon.png">
<!-- Facebook -->
<meta property="og:url" content="https://optimizadorweb.site/seo">
<meta property="og:type" content="website">
<meta property="og:title" content="SEO | Optimiza tu Sitio Web ahora">
<meta property="og:description"
content="Descubre las configuraciones esenciales para SEO y mejora el rendimiento de tu sitio web en los motores de búsqueda.">
<meta property="og:image" content="https://i.postimg.cc/nh52jZF3/banner.jpg">
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://optimizadorweb.site/seo">
<meta name="twitter:title" content="SEO | Optimiza tu Sitio Web ahora">
<meta name="twitter:description"
content="Descubre las configuraciones esenciales para SEO y mejora el rendimiento de tu sitio web en los motores de búsqueda.">
<meta name="twitter:image" content="https://i.postimg.cc/nh52jZF3/banner.jpg">
</head>
<body>
<main>
<!-- HERO -->
<section class="hero-section" aria-label="Inicio">
<div class="container">
<a href="javascript:window.history.back()" class="page-back-btn">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
<path
d="M7.82843 10.9999H20V12.9999H7.82843L13.1924 18.3638L11.7782 19.778L4 11.9999L11.7782 4.22168L13.1924 5.63589L7.82843 10.9999Z">
</path>
</svg>
Volver
</a>
<h1 class="hero-title">SEO</h1>
<div class="progress-container">
<div class="progress-bar" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"
aria-label="Barra de progreso de tareas completadas"></div>
<strong class="progress-percentage">0%</strong>
</div>
</div>
</section>
<!-- CHECK LIST -->
<section class="check-list-section" aria-label="Lista de verificación">
<div class="container">
<h2 class="check-list-title">Lista de verificación</h2>
<ul>
<li>
<input type="checkbox" name="checkbox" id="checkbox-lang" class="checkbox">
<label for="checkbox-lang">
<span>lang</span> ¿Está configurado correctamente el atributo lang para el idioma de la página? Por
ejemplo, 'es' para español o 'en' para inglés. Este atributo ayuda a los navegadores y buscadores a
mostrar el contenido de manera adecuada.
</label>
</li>
<li>
<input type="checkbox" name="checkbox" id="checkbox-title-seo" class="checkbox">
<label for="checkbox-title-seo">
<span>title</span> ¿Está presente el elemento title? ¿tiene entre 30 y 60 caracteres? ¿Es único en
cada página? ¿Contiene palabras clave? El elemento title aparece en los resultados de búsqueda y es
esencial para mejorar el posicionamiento y la tasa de clics (CTR).
</label>
</li>
<li>
<input type="checkbox" name="checkbox" id="checkbox-description-seo" class="checkbox">
<label for="checkbox-description-seo">
<span>description</span> ¿Está presente la metaetiqueta description? ¿tiene hasta 160 caracteres? ¿Es
única en cada página? ¿Contiene palabras clave? La descripción aparece en los resultados de búsqueda y es
esencial para mejorar el posicionamiento y la tasa de clicks (CTR).
</label>
</li>
<li>
<input type="checkbox" name="checkbox" id="checkbox-canonical" class="checkbox">
<label for="checkbox-canonical">
<span>canonical</span> ¿Está presente la etiqueta canonical? ¿Es única en cada página? La etiqueta
canonical indica qué URL debe mostrarse en los resultados de búsqueda y ayuda a evitar problemas de
duplicación de contenido.
</label>
</li>
<li>
<input type="checkbox" name="checkbox" id="checkbox-favicon" class="checkbox">
<label for="checkbox-favicon">
<span>favicon</span> ¿Está presente el favicon en formato ico, png o svg, con un tamaño mínimo de 32x32
píxeles? El favicon refuerza la identidad visual de marca.
</label>
</li>
<li>
<input type="checkbox" name="checkbox" id="checkbox-og" class="checkbox">
<label for="checkbox-og">
<span>og y twitter</span> ¿Están presentes las etiquetas og (Open Graph) y twitter? ¿La imagen de
portada tiene un tamaño de 1200 x 630 px? Estas etiquetas mejoran la visibilidad y apariencia del
contenido en redes sociales.
</label>
</li>
<li>
<input type="checkbox" name="checkbox" id="checkbox-robots" class="checkbox">
<label for="checkbox-robots">
<span>robots.txt</span> ¿Existe un archivo robots.txt en la raíz del sitio? Este archivo indica a los
rastreadores de los buscadores a qué URLs del sitio pueden acceder.
</label>
</li>
<li>
<input type="checkbox" name="checkbox" id="checkbox-sitemap" class="checkbox">
<label for="checkbox-sitemap">
<span>sitemap.xml</span> ¿Existe un archivo sitemap.xml actualizado en la raíz del sitio? Este archivo
ayuda a los motores de búsqueda a indexar las páginas correctamente.
</label>
</li>
<li>
<input type="checkbox" name="checkbox" id="checkbox-schema" class="checkbox">
<label for="checkbox-schema">
<span>schema.org</span> ¿Se utilizan datos estructurados mediante schema.org? Estos datos mejoran la
visibilidad del sitio en los resultados de búsqueda.
</label>
</li>
<li>
<input type="checkbox" name="checkbox" id="checkbox-h1-seo" class="checkbox">
<label for="checkbox-h1-seo">
<span>H1</span> ¿Cada página del sitio tiene un título principal (H1) que contiene palabras clave
relevantes? El H1 mejora la jerarquía y el posicionamiento del contenido.
</label>
</li>
<li>
<input type="checkbox" name="checkbox" id="checkbox-headings" class="checkbox">
<label for="checkbox-headings">
<span>Encabezados - Orden</span> ¿Se respeta el orden en los encabezados (H1, H2,
H3, etc.) sin saltos innecesarios? Esto establece una jerarquía y facilita la comprensión del contenido.
</label>
</li>
<li>
<input type="checkbox" name="checkbox" id="checkbox-unique-content" class="checkbox">
<label for="checkbox-unique-content">
<span>Contenido único</span> ¿El contenido de cada página es único y no se repite? El contenido original
mejora el SEO y evita penalizaciones.
</label>
</li>
<li>
<input type="checkbox" name="checkbox" id="checkbox-alt-seo" class="checkbox">
<label for="checkbox-alt-seo">
<span>Imágenes</span> ¿Las imágenes importantes tienen una descripción alternativa (alt)? La descripción
alternativa mejora el SEO. Las imágenes decorativas pueden tener alt vacío (alt="").
</label>
</li>
<li>
<input type="checkbox" name="checkbox" id="checkbox-links-seo" class="checkbox">
<label for="checkbox-links-seo">
<span>Enlaces internos</span> ¿Se incluyen enlaces internos relevantes entre las páginas? Los enlaces
internos optimizan la navegación y ayudan a los motores de búsqueda a entender la estructura del sitio.
</label>
</li>
<li>
<input type="checkbox" name="checkbox" id="checkbox-load-speed" class="checkbox">
<label for="checkbox-load-speed">
<span>Velocidad de carga</span> ¿El tiempo de carga de la página es menor a 3 segundos? Los motores de
búsqueda valoran los sitios rápidos, lo que puede mejorar su posicionamiento.
</label>
</li>
<li>
<input type="checkbox" name="checkbox" id="checkbox-mobile-compatibility" class="checkbox">
<label for="checkbox-mobile-compatibility">
<span>Compatibilidad móvil</span> ¿El diseño del sitio es completamente funcional en dispositivos móviles?
Los motores de búsqueda priorizan sitios con una experiencia móvil optimizada.
</label>
</li>
<li>
<input type="checkbox" name="checkbox" id="checkbox-url-seo" class="checkbox">
<label for="checkbox-url-seo">
<span>Nombre de Dominio</span> ¿El nombre de dominio es corto, fácil de entender y relevante? Esto
beneficia tanto a los usuarios como al SEO.
</label>
</li>
<li>
<input type="checkbox" name="checkbox" id="checkbox-https" class="checkbox">
<label for="checkbox-https">
<span>HTTPS</span> ¿El sitio utiliza HTTPS en lugar de HTTP? Este protocolo mejora la seguridad y es un
factor importante de posicionamiento.
</label>
</li>
<li>
<input type="checkbox" name="checkbox" id="checkbox-url" class="checkbox">
<label for="checkbox-url">
<span>URLs</span> ¿Las URLs son claras, legibles y descriptivas? Las URLs amigables ayudan a los usuarios
y motores de búsqueda a entender el contenido de la página. Ejemplo:
<span class="url">https://mitienda.com/productos/zapatillas-para-hombre</span>
</label>
</li>
<li>
<input type="checkbox" name="checkbox" id="checkbox-404" class="checkbox">
<label for="checkbox-404">
<span>Página de error 404</span> ¿Existe una página de error 404? La página de error 404 mejora la
experiencia del usuario cuando no se encuentra un recurso.
</label>
</li>
<li>
<input type="checkbox" name="checkbox" id="checkbox-google-search-console" class="checkbox">
<label for="checkbox-google-search-console">
<span>Google Seacrh Console</span> ¿El sitio está registrado y verificado en Google Search Console? Esta
herramienta proporciona información valiosa sobre la indexación, palabras clave y posibles problemas de
SEO.
</label>
</li>
</ul>
<button class="clear-checkboxes-btn">Borrar todas las casillas de verificación</button>
</div>
</section>
</main>
<footer class="footer">
<div class="container">
<p>Sitio Web desarrollado <br> por Luciano Treachi</p>
<div class="icons">
<a href="https://github.com/LucianoTreachi/"
aria-label="Github de Luciano Treachi (se abre en una nueva pestaña)" target="_blank" rel="noreferrer">
<svg class="github-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"
aria-hidden="true">
<path
d="M12.001 2C6.47598 2 2.00098 6.475 2.00098 12C2.00098 16.425 4.86348 20.1625 8.83848 21.4875C9.33848 21.575 9.52598 21.275 9.52598 21.0125C9.52598 20.775 9.51348 19.9875 9.51348 19.15C7.00098 19.6125 6.35098 18.5375 6.15098 17.975C6.03848 17.6875 5.55098 16.8 5.12598 16.5625C4.77598 16.375 4.27598 15.9125 5.11348 15.9C5.90098 15.8875 6.46348 16.625 6.65098 16.925C7.55098 18.4375 8.98848 18.0125 9.56348 17.75C9.65098 17.1 9.91348 16.6625 10.201 16.4125C7.97598 16.1625 5.65098 15.3 5.65098 11.475C5.65098 10.3875 6.03848 9.4875 6.67598 8.7875C6.57598 8.5375 6.22598 7.5125 6.77598 6.1375C6.77598 6.1375 7.61348 5.875 9.52598 7.1625C10.326 6.9375 11.176 6.825 12.026 6.825C12.876 6.825 13.726 6.9375 14.526 7.1625C16.4385 5.8625 17.276 6.1375 17.276 6.1375C17.826 7.5125 17.476 8.5375 17.376 8.7875C18.0135 9.4875 18.401 10.375 18.401 11.475C18.401 15.3125 16.0635 16.1625 13.8385 16.4125C14.201 16.725 14.5135 17.325 14.5135 18.2625C14.5135 19.6 14.501 20.675 14.501 21.0125C14.501 21.275 14.6885 21.5875 15.1885 21.4875C19.259 20.1133 21.9999 16.2963 22.001 12C22.001 6.475 17.526 2 12.001 2Z">
</path>
</svg>
</a>
<a href="https://www.linkedin.com/in/luciano-treachi/"
aria-label="LinkedIn de Luciano Treachi (se abre en una nueva pestaña)" target="_blank" rel="noreferrer">
<svg class="linkedin-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"
aria-hidden="true">
<path
d="M18.3362 18.339H15.6707V14.1622C15.6707 13.1662 15.6505 11.8845 14.2817 11.8845C12.892 11.8845 12.6797 12.9683 12.6797 14.0887V18.339H10.0142V9.75H12.5747V10.9207H12.6092C12.967 10.2457 13.837 9.53325 15.1367 9.53325C17.8375 9.53325 18.337 11.3108 18.337 13.6245V18.339H18.3362ZM7.00373 8.57475C6.14573 8.57475 5.45648 7.88025 5.45648 7.026C5.45648 6.1725 6.14648 5.47875 7.00373 5.47875C7.85873 5.47875 8.55173 6.1725 8.55173 7.026C8.55173 7.88025 7.85798 8.57475 7.00373 8.57475ZM8.34023 18.339H5.66723V9.75H8.34023V18.339ZM19.6697 3H4.32923C3.59498 3 3.00098 3.5805 3.00098 4.29675V19.7033C3.00098 20.4202 3.59498 21 4.32923 21H19.6675C20.401 21 21.001 20.4202 21.001 19.7033V4.29675C21.001 3.5805 20.401 3 19.6675 3H19.6697Z">
</path>
</svg>
</a>
<a href="https://lucianotreachi.website/"
aria-label="Sitio web de Luciano Treachi (se abre en una nueva pestaña)" target="_blank" rel="noreferrer">
<svg class="website-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"
aria-hidden="true">
<path
d="M2.04932 12.9999H7.52725C7.70624 16.2688 8.7574 19.3053 10.452 21.8809C5.98761 21.1871 2.5001 17.5402 2.04932 12.9999ZM2.04932 10.9999C2.5001 6.45968 5.98761 2.81276 10.452 2.11902C8.7574 4.69456 7.70624 7.73111 7.52725 10.9999H2.04932ZM21.9506 10.9999H16.4726C16.2936 7.73111 15.2425 4.69456 13.5479 2.11902C18.0123 2.81276 21.4998 6.45968 21.9506 10.9999ZM21.9506 12.9999C21.4998 17.5402 18.0123 21.1871 13.5479 21.8809C15.2425 19.3053 16.2936 16.2688 16.4726 12.9999H21.9506ZM9.53068 12.9999H14.4692C14.2976 15.7828 13.4146 18.3732 11.9999 20.5915C10.5852 18.3732 9.70229 15.7828 9.53068 12.9999ZM9.53068 10.9999C9.70229 8.21709 10.5852 5.62672 11.9999 3.40841C13.4146 5.62672 14.2976 8.21709 14.4692 10.9999H9.53068Z">
</path>
</svg>
</a>
</div>
</div>
</footer>
</body>
</html>