El Blog para Webmasters
Noticias en castellano sobre el rastreo e indexación de sitios web en el buscador Google
Funcionando en todos los navegadores
lunes, 3 de noviembre de 2008
Para los internautas,
Google Chrome
es un nuevo navegador rápido e interesante. Para los webmasters es un buen recordatorio de que, independientemente del navegador que los usuarios utilicen para acceder a tu sitio web (Firefox, Internet Explorer, Google Chrome, Safari, etc.), la compatibilidad con los navegadores tenga una prioridad alta. Cuando tu web carga muy lentamente, o es difícil de usar en diferentes navegadores, corres el riesgo de perder el interés de los usuarios y, si tu web está hecha con fines económicos, quizás también su inversión. Aquí te ofrecemos una lista de puntos básicos para estar seguro de que no se te escapa nada:
Paso 1: Estar seguro de la compatibilidad de los navegadores enfocándose en la accesibilidad
Las mismas técnicas que hacen que tu página web sea más accesible a los motores de búsqueda, como páginas HTML estáticas frente a avanzadas características más avanzadas que tiene AJAX, a menudo también ayudan a la compatibilidad de tu sitio en distintos navegadores y en sus numerosas versiones. A menudo más sencillo hacer compatible un simple HMTL con varios navegadores que las últimas técnicas de diseño web.
Paso 2: Considera validar tu código
Si tu código
pasa la validación
, ya has eliminado un posible problema en la compatibilidad de los navegadores.
Con el código validado
[inglés]
, ya no necesitarás depender de las diferentes formas de tratar los errores que tiene cada navegador. Hay una mayor probabilidad de que tu código funcione en diferentes navegadores y es más sencillo arreglar posibles problemas.
Paso 3: Comprueba que sea usable (además de mostrarse bien)
Es importante que tu sitio web se muestre bien; pero además es igual de importante asegurarse de que los usuarios pueden hacer uso de los servicios de tu sitio desde su navegador. En lugar de dedicarte a mirar las fotos que hay en tu sitio, intenta navegar por las páginas en diferentes navegadores o añadir productos al carrito de la compra. Es posible que el botón o área donde se hace clic puede cambiar de un navegador a otro. Además, si usas JavaScript para componentes como el carrito de la compra, puede que funcione en un navegador pero no en otro.
Paso 4: Elimina los errores
Este paso requiere un poco de "ensayo y error", pero hay algunos buenos sitios que te pueden ayudar a reducir los "ensayos" al mismo tiempo que haces que tu sitio sea compatible en varios navegadores.
Doctype
es un código abierto de referencia con el que se puede probar la compatibilidad en varios navegadores y además te da pistas y trucos para CSS.
Por ejemplo, digamos que te preguntas cómo encontrar el desplazamiento de un elemento en tu página y te das cuenta de que el código funciona en Internet Explorer, pero no en Firefox y en Safari. Resulta que ciertos navegadores exigen ciertos requisitos en lo que se refiere a encontrar determinar el desplazamiento (menos mal que los colaboradores de Doctype
ofrecen un código
[inglés]
que evita este problema).
Paso 5: ¡Comparte recursos y trucos para la compatibilidad de navegadores!
Nos encanta escuchar los pasos que sigues para asegurarte que tu sitio funciona para la mayoría de tus visitantes. Hemos escrito un artículo más
avanzado sobre este tema en el Centro de Ayuda
en el que hablamos sobre cosas tan específicas como la codificación de caracteres. Si tienes algún truco adicional, por favor compártelo. Y si tienes alguna duda, ¡por favor pregunta!
Publicado por Maile Ohye, Developer Programs Tech Lead (traducido por Esperanza, Calidad de Búsqueda)
Etiquetas
Academia para webmasters
4
accesibilidad
27
acciones
1
acciones manuales
4
ajax
1
alt
1
amp
10
analíticas de Google
1
angular universal
1
anomalias
1
api
2
api psi
1
api search analytics
2
articulos
2
artículos
1
asistente
1
avanzado
16
blog
2
Botón +1
7
búsqueda
2
busqueda de google
1
calidad
1
casos de exito
1
centro de ayuda
1
centro de datos
1
certificación
1
certificado
1
chrome
3
chromium
1
cobertura del índice
3
cocina
1
codelab
1
codigo fuente
1
colaboradores principales
1
comentarios
1
comunicación
23
comunidad
1
conexión cifrada
1
consejos
99
consola de firebase
1
contenido
1
contenido duplicado
1
criterios de posicionamiento
2
cuadro de busqueda
2
danny sullivan
1
data-nosnippet
1
datos agregados
1
datos de campo
1
datos de experimentos
1
datos estructurados
16
dcl
1
desarrolladores
2
devtools
1
diagnostico
1
directrices para webmasters
30
directrices tecnicas
1
discover
1
diseño adaptable
1
DOM Content Loaded
1
dominio
1
empleo
3
empresa local
1
enlaces
9
enlaces artificiales
1
enlaces fraudulentos
1
errores de marcado
1
evaluadores
1
event
1
eventbrite
1
evento global
1
eventos
23
experiencia de usuario
1
experto de producto
1
experto producto
1
expertos de producto
2
expertos producto
2
express.js
1
facturacion
1
faq
1
fcp
1
fechas
2
ficha de empresa
1
First Contentful Paint
1
flujo de validación de problemas
1
foro
26
foro de editores
1
fragmentos de texto
1
fragmentos destacados
1
github
1
google analytics
1
google cloud platform
1
google i/o
1
google imágenes
2
google news
1
google noticias
1
google play instant
1
guía inicio rápido
1
guia seo
1
herramientas para webmasters
123
home
1
horas
1
html
5
http
1
https
3
imagenes
1
indexacion
2
indexing
1
informe de recetas
1
informe de rendimiento
5
informe de transparencia
1
informe spam
1
inspección de url
4
iso 8601
1
javascript
1
jobposting
2
jobrapido
1
kitten corner
1
lighthouse
3
logotipo
2
max-image-preview
1
max-snippet
1
max-video-preview
1
metaetiqueta
1
mfi
1
middleware
1
móvil
21
moviles
1
navegación segura
2
no segura
1
no seguro
1
nosnippet
1
optimizar sitio web
1
oro
1
pagespeed
3
penguin
1
pki
1
plata
1
platino
1
politicas de contenido
1
prácticas recomendadas
2
preguntas y respuestas
1
producto
1
productos y servicios
40
prueba de optimizacion para moviles
1
rakuten
1
rastreo e indexación
100
recaptcha
1
receta
1
recetas
1
reconsideraciones
2
renderizado dinamico
1
Rendertron
1
rendimiento
12
reseña
1
resultados de búsqueda
94
resultados enriquecidos
2
robot
1
robot noindex
1
ruta de navegacion
1
safe browsing
1
Search Console
20
seguridad
13
servidor
1
site clinic
10
Site Reliability Engineering
1
sitemaps
14
sitios pirateados
1
software malicioso
1
software no deseado
1
spam
2
ssl
1
symantec
1
tarifas
1
titulares
1
tls
1
twitter
4
url
1
url canonica
1
url canonicas
1
url de referencia
1
usuarios destacados
1
velocidad
3
verificacion dns
1
vídeo
82
videos
1
web light
1
webmaster
2
webspam
3
youtube
1
zona horaria
1
Archivo del blog
2020
nov
sept
ago
jul
jun
may
abr
mar
feb
ene
2019
dic
nov
oct
sept
jun
abr
mar
feb
ene
2018
dic
nov
oct
jul
jun
may
abr
feb
ene
2017
dic
nov
sept
ago
jul
jun
abr
mar
ene
2016
nov
sept
ago
may
abr
mar
ene
2015
dic
nov
oct
sept
ago
jul
may
abr
mar
ene
2014
nov
oct
sept
ago
jun
may
abr
mar
feb
ene
2013
oct
sept
ago
jul
jun
may
abr
mar
feb
ene
2012
dic
nov
oct
sept
ago
jul
jun
may
abr
mar
feb
ene
2011
dic
nov
oct
sept
ago
jul
jun
may
abr
mar
feb
ene
2010
dic
nov
oct
sept
ago
jul
jun
may
abr
mar
feb
ene
2009
dic
nov
oct
sept
ago
jul
jun
may
abr
mar
feb
ene
2008
dic
nov
Nuestro enfoque a la búsqueda internacional
Mejora la indexación y rendimiento de tu página we...
Guía SEO de Google para principiantes
Diagnóstico avanzado de páginas web con las Herram...
¿Y si no quiero que salga en Google?
Desmitificar la "penalización por contenido duplic...
Funcionando en todos los navegadores
oct
sept
Feed
Follow @googlewmc
Recursos para webmasters
Foro para Webmasters
Centro de Asistencia
Google Search Console
Google Webmaster en castellano
