SEO para Silverlight, Adobe Flash y otro contenido basado en RIA
Rich Internet Applications (RIAs), como Microsoft Silverlight y Adobe Flash Player, puede mejorar el aspecto estético o la capacidad funcional de un sitio web para los usuarios finales. Sin embargo, la forma de que estas tecnologías se aplican típicamente a menudo causa problemas con la capacidad de los robots de motores de búsqueda para rastrear y buscar cualquier dato significativo desde el sitio.
Sitios utilizando ampliamente las tecnologías JavaScript y AJAX también pueden causar los mismos problemas de búsqueda. Esto es porque los robots de búsqueda son principalmente lectores de texto. Es mucho más difícil de analizar y obtener contenidos indexables relevantes de contenido gráfico y multimedio. Como resultado, sitios que implementan estas tecnologías sin tener en cuenta accesibilidad de bot de búsqueda a menudo inesperado ver sus rankings de búsqueda entrega (desde la perspectiva del robot de búsqueda, el sitio simplemente tiene poco no indexable contenido disponible, que afecta negativamente a su relevancia para el tema principal del sitio).
ESTRATEGIAS DE SEO
- Empezar con el SEO básico
- Emplean técnicas de degradación agraciada
DETALLE DE LA ESTRATEGIA
- Empezar con el SEO básico Entonces, ¿cómo puede ayudar un webmaster una búsqueda bot rastrear e interpreta dicho sitio? Por suerte, hay varias estrategias útiles que se pueden emplear. El uso de técnicas de optimización (SEO) de motor de búsqueda básica son siempre un punto de partida importante. Una página está optimizada para la búsqueda (incluyendo proporcionar metadatos sobre el tema de una página dada), el bot tiene que ir evaluar la relevancia de una página para las palabras clave usadas en la página. El uso de las siguientes técnicas básicas de SEO puede ayudar a optimizar páginas que incluyen contenido no basado en el texto por relevancia de palabras clave relacionadas:
- Etiqueta descriptiva < title >: Cada página debe incluir un descriptivo y único < title > etiqueta metadata. Identificar y revisar los títulos en blanco o genéricos como < title > aplicación de Silverlight < / título >.
- Nombre descriptivo = ‘Descripción’ < meta > tag: Cada página debe incluir un metadatos de etiqueta < meta > “Descripción” descriptivo y único. Identificar y revisar las descripciones de la página en blanco o repetidos en múltiples páginas.
- Descriptiva < h1 > Etiquetas: La primera etiqueta de encabezado de nivel (< h1 >) se utiliza a menudo como el título de la muestra, en la página definir los contenidos temáticos de una página (considerando que la etiqueta < title > metadatos que sólo se muestra en la barra de título de la ventana del navegador).Sólo uso una < h1 > por página, pero que sea significativo y único por página (y diferente de la etiqueta < title >).
- Enlaces de navegación basada en texto: No utiliza tecnología JavaScript o RIA para la navegación dentro del sitio de su sitio. El robot de búsqueda no lo verán, por lo que las páginas aparecerán ser callejones sin salida, previniendo más rastreros.
- Texto descriptivo alt: Siempre proporcionar texto del atributo alt descriptivos con el contenido no textual. Sin embargo, no añada texto alt a las imágenes sin contenido, como los utilizados para los titulares del espacio o fondos de color.
- Texto en imágenes, animaciones y en script: No poner cualquier texto contenido quiere ser rastreado e indexadas dentro de formas de contenido no textual, como el robot de búsqueda es probable que leer e indexar ese contenido. Puesto que el contenido en texto.
- Nombre de la aplicación significativa: Igual hay algún valor SEO para crear URLs de humanos, donde los nombres de archivos y directorios deletrear palabras lógicas en lugar de identificador único global (GUID)-basado en galimatías, hay valor para la aplicación de Silverlight en una manera que ayuda a identificar su propósito o función en la página de nombres.
En cada una de estas recomendaciones es una oportunidad para usar las palabras clave que desea que los robots de búsqueda para asociar a sus páginas.Aprovechar esa oportunidad. Para más información sobre estas técnicas, consulte el artículo de blog Webmaster centro iluminando el camino hacia la SEO para Silverlight.
- Emplean técnicas de degradación agraciada Cuando webmasters utilizan tecnologías RIA en su sitio, el objeto de RIA las llamadas son a menudo son lo único que se utiliza en la página. Como resultado, los usuarios de nivel inferior, que incluye los navegadores sólo texto, equipos que no tienen la RIA tecnología reader plug-in instalado y computadoras antiguas con sistemas operativos anteriores, no pueden acceder al sitio. Robots de búsqueda, que no pueden confiablemente leer y ejecutar secuencias de comandos o plug-ins de navegador, también se consideran usuarios de nivel inferior. Como resultado, cuando un robot de búsqueda rastrea un sitio tan, hay no hay datos a gatear, no hay palabras para asociar con el sitio y por tanto nada que poner en el índice. Para ayudar a un sitio habilitado para RIA tener más éxito con todos los usuarios de nivel inferior, desarrollar un enfoque de degradación agraciada a su contenido. Si no puede leer el contenido principal de la RIA, ofrece un sustituto básico, como en una descripción textual, de lo que haría el sitio y los datos que contiene para usuarios. Este texto, rico en palabras clave de la página, ayudará el bot buscar interpretar el contenido de la página y así asociarlo con la palabras clave utilizadas en la página, dando la relevancia de la página en el índice. Las siguientes son técnicas de degradación elegante que pueden utilizarse para ayudar a los usuarios de nivel inferior a interpretar lo que faltan en sus páginas habilitadas de RIA:
- Presentar el contenido de la página alternativa, estática en lugar de utilizar el < embed > etiqueta, utilice la etiqueta < object > para crear una instancia de su contenido de Microsoft Silverlight en la página. La etiqueta < object > permite que la página proporcionar contenido secundario, de nivel inferior para ser presentado en caso de que el contenido inicial, primario (por ejemplo, una aplicación de Silverlight) no se presentan. Mediante el uso de la etiqueta < object >, puede incluir descripciones de texto y otros contenidos relevantes después de la creación de instancias de la aplicación del código. Escribir las descripciones de texto hacia el usuario no Silverlight, describiendo el papel de la aplicación de Silverlight en la página, su función, o cualquier otra información pertinente que ayude a los usuarios de nivel inferior comprender lo que habría demostrado si fueron capaces de acceder a Silverlight. Asegúrese de utilizar palabras clave específicas de la página como usted describe el contenido de Silverlight. A continuación es un ejemplo de cómo se puede incluir información contextual, la alternativa de la página Silverlight < objeto > etiqueta del código:
<object data="data:application/x-silverlight-2," style="display: block" type="application/x-silverlight-2" >
<param name="minRuntimeVersion" value="3.0.40624.0" />
<param name="source" value="ClientBin/KingCountyTrafficMap.xap" />
<div class="down-level">
<h1>Traffic Map for King County, Washington</h1>
<!-- Static image from the application -->
<img src="KingCountyAfternoonTraffic.jpg" alt="Typical King County metro weekday rush-hour traffic at 5:00pm" />
<p>Silverlight enabled computers can use this page to see up-to-date traffic conditions on the major roads and highways in King County, Washington.</p>
<p>It's easy to <a href="https://www.microsoft.com/silverlight/get-started/install/">install Silverlight</a> on your computer. See what you've been missing!</p>
</div>
</object>
Como se puede ver, el contenido alternativo incluye la etiqueta importante < h1 > y algunos contenidos informativos, identificando el papel de la aplicación de Silverlight. Y proporcionando un enlace para instalar Silverlight, puede permitir otro usuario para arriba y ver la página en la vista principal.
- Múltiples secciones < div > Otra estrategia para crear una elegante degradación de Silverlight incluye el uso de múltiples secciones < div > en la página: el real contenido de Silverlight y que deben figurar en los equipos que no tienen instalado Silverlight. Similar al ejemplo anterior, esta técnica se muestra la presentación del contenido de la página estática:
<div id="King County Traffic Map">
<object data="data:application/x-silverlight-2," style="display: block" type="application/x-silverlight-2" >
<param name="minRuntimeVersion" value="3.0.40624.0"/>
value="ClientBin/KingCountyTrafficMap.xap" />
</object>
<iframe style="visibility: hidden; height: 0; width: 0; border: 0px"></iframe>
</div>
<div id="AlternativeContent" style="display: none">
<h1>Traffic Map for King County, Washington</h1>
<!-- Static image from the application -->
<img src="KingCountyAfternoonTraffic.jpg" alt="Typical King County metro weekday rush-hour traffic at 5:00pm" />
<p>Silverlight enabled computers can use this page to see up-to-date traffic conditions on the major roads and highways in King County, Washington.</p>
<p>It's easy to <a href="https://www.microsoft.com/silverlight/get-started/install/">install Silverlight</a> on your computer. See what you've been missing!</p>
</div>
NOTA Por defecto se crea la alternativa < div > como contenido oculto. Contrariamente a los consejos genéricos en el reciente artículo de spam de páginas web, la perfidia perniciosa de página nivel de spam de la web, el uso de contenidos ocultos en este caso es reconocido por el motor de búsqueda como contextualmente relacionados con la estrategia de degradación agraciada para Silverlight. Como tal, su uso en este caso no subirá ningún banderas rojas para el motor de búsqueda sobre potencial spam de web. Como de costumbre para este tipo de cosas, interpretar la intención del usuario es clave para buscar motor bots identificar o no un elemento de página ambiguo podría ser malicioso. - Exponer el contenido alternativo y dinámico Si usted tiene una aplicación de Silverlight en todo el sitio en un escenario de e-commerce, usted querrá exponer su catálogo del inventario de contenido profundo vínculo de búsqueda en lugar de tenerlo dejado invisible en Silverlight. Para este enfoque, el contenido alternativo debe describir cualquier end point(s) que desee poner a disposición de lo bot de motor de búsqueda. Ya que esta es una técnica más compleja, en vez de cubrir aquí, va en su lugar remito a algunos recursos útiles sobre cómo exponer estos puntos finales al usuario no-Silverlight y el bot.Ambos son ejemplos de buen código y una explicación clara de cómo se emplea la técnica:
- SEO para aplicaciones Silverlight y Ajax
- Seno de los tiempos: posicionamiento en buscadores para Silverlight aplicaciones parte 2
- Utilice la función createObject en JavaScript Esta es una estrategia técnica más orientada a desarrolladores que se puede emplear con Silverlight. Esta técnica utiliza JavaScript para generar automáticamente el código de marcado necesitado para crear la etiqueta < object > y sus parámetros. Aquí están algunos recursos útiles para obtener más información:
- Posicionamiento en buscadores de aplicaciones Silverlight
- Galería de código de MSDN: Silverlight.js
Una vez que la estrategia está en su lugar, asegúrese de probar los cambios de degradación agraciada en entornos no RIA habilitada para confirmar que rinda como se espera. Opciones de entorno de prueba popular entre SEOs son basados en texto, web entornos navegador Lynx, el navegador o Explorador SEO.
- Presentar el contenido de la página alternativa, estática en lugar de utilizar el < embed > etiqueta, utilice la etiqueta < object > para crear una instancia de su contenido de Microsoft Silverlight en la página. La etiqueta < object > permite que la página proporcionar contenido secundario, de nivel inferior para ser presentado en caso de que el contenido inicial, primario (por ejemplo, una aplicación de Silverlight) no se presentan. Mediante el uso de la etiqueta < object >, puede incluir descripciones de texto y otros contenidos relevantes después de la creación de instancias de la aplicación del código. Escribir las descripciones de texto hacia el usuario no Silverlight, describiendo el papel de la aplicación de Silverlight en la página, su función, o cualquier otra información pertinente que ayude a los usuarios de nivel inferior comprender lo que habría demostrado si fueron capaces de acceder a Silverlight. Asegúrese de utilizar palabras clave específicas de la página como usted describe el contenido de Silverlight. A continuación es un ejemplo de cómo se puede incluir información contextual, la alternativa de la página Silverlight < objeto > etiqueta del código:
Para más información sobre estas técnicas de degradación agraciada, consulte el artículo de blog Webmaster centro iluminando el camino hacia la SEO para Silverlight.
Para obtener más información, discutida sobre este tema, revise la información en los siguientes enlaces:
- Blog de webmaster centro iluminando el camino hacia la SEO para Silverlight
- Blog de webmaster centro dirige en < cabeza > Optimización de la etiqueta (SEM 101)
- Blog de webmaster centro diseño de la arquitectura contenido para SEO (SEM 101)
- Blog de webmaster centro imágenes y Flash y script, oh mi! (SEM 101)