#Google #Chrome identificará los sitios #web #HTTP como no seguros by @fayerwayer

#Google #Chrome identificará los sitios #web #HTTP como no seguros by @fayerwayer

fuente: https://www.fayerwayer.com/2016/09/google-chrome-identificara-los-sitios-web-http-como-no-seguros/

 

La medida tendrá efecto el próximo año con la llegada de Chrome 56.

Está sucediendo de nuevo, Google está presionando a que las páginas web hagan cambios para no verse afectados con las nuevas disposiciones de su navegador, Chrome, el más usado a nivel mundial: a partir del próximo empezará a marcar los sitios web HTTP como no seguros …

Leer artículo completo en fayerwayer.com

Activar #Flash en #Chrome (requerido por #Spotify)

Activar #Flash en #Chrome (requerido por #Spotify)

Fuente: https://support.google.com/chrome/answer/6213033?hl=es

activar-flash-en-chrome-requerido-por-spotify

Abre Chrome
En la barra de direcciones situada en la parte superior, escribe chrome://plugins y pulsa Intro
Haz clic en la opción Detalles situada en la parte superior derecha
Busca “Adobe Flash Player”
En “Tipo: PPAPI”, haz clic en Habilitar

Las 5 mejores extensiones de #Google #Chrome para #SEO by @Abrelink

Las 5 mejores extensiones de #Google #Chrome para #SEO by @Abrelink

fuente: http://www.abrelink.com/5-extensiones-chrome-seo/

las-5-mejores-extensiones-de-google-chrome-para-seo-by-abrelink

13Las 5 mejores extensiones de Google Chrome para SEO

Muchas veces, cuando hablamos de analítica SEO, inmediatamente pensamos en complejas aplicaciones para instalar en nuestro ordenador o en herramientas online, algunas gratuitas y otras de pago. Sin embargo, hay atajos mucho más rápidos para obtener una información útil sin tener que indagar en profundidad. Pues bien, si tu navegador es Google Chrome (Firefox tiene sus propios complementos y Explorer…, bueno Explorer no tiene nada) y te dedicas al posicionamiento web, ya sea como aficionado o como experto, harías bien en instalar estas 5 extensiones para SEO, indispensables para cualquier profesional. Todas ellas son gratuitas y resultan de una ayuda inestimable.

Ahora, antes de enumerarlas, una recomendación: descárgatelas siempre de Chrome Web Store, si no quieres que se te instale malware en la toolbar, con los quebraderos de cabeza que ello conlleva.

1- MozBar

Es mi preferida, y la utilizo a diario. Nos indica el PA y el DA de la página web que tengamos abierta. También nos muestra su Spam Score y las señales sociales de Facebook y Google +. Si pinchamos en el icono de la lupa, se nos abre un desplegable con los elementos On-Page (URL, title, description, keywords, h1, h2, bold/strong, italic/em, texto alt), los atributos generales (como el rel=”canonical”, el meta robots o el tiempo de carga), las métricas (MozRank, MozTrust, links externos), los marcadores para Schema y microformatos, así como las Twitter Cards y los Open Graph, y el Http Status, donde puedes observar si hay una redirección 301 ó 302.

De la misma manera, si hacemos clic en el icono del lápiz, podemos marcar en colores (cian, fucsia, azul, amarillo) los links follow, nofollow, externos e internos.

Adicionalmente, MozBar te permite cambiar las opciones de configuración y desplazar la barra de arriba hacia abajo.

2- SEOquake

Esta extensión ocupa el segundo lugar en mi orden de preferencias, y no puede faltar en ninguna lista ni barra de navegación. SEOquake te facilita una información de la página con los principales valores: title, meta keywords, meta description, links internos, links externos, servidor, señales sociales (incluso de Pinterest y Linkedin), antigüedad del dominio, presencia en Dmoz y backlinks para SEMrush, entre muchos otros.

También te ofrece un diagnóstico o auditoría SEO de la página donde te informa de si tienes bien configurado el robots.txt, el sitemap xml, si tienes especificado el idioma de la página y el doctype, o si está correctamente implementado el código de Google Analytics, y si usas microformatos y hasta si tienes un favicon. Asimismo, mide el número de caracteres del title y del meta description, los encabezados y el atributo ALT de las imágenes, así como el ratio texto/HTML, y te da consejos sobre cómo mejorar cualquier aspecto que presente deficiencias.

Por último, SEOquake es especialmente útil para analizar la densidad de palabras clave, y no sólo por palabras aisladas, sino también en frases de dos o más términos. Incluso te muestra el texto original como bloque.

3- Open SEO Stats

Esta extensión nos proporciona una información bastante completa y valiosa, como el número de páginas indexadas por Google y Bing, señales sociales en Facebook y Google Plus, robots.txt y sitemap.xml, Whois del dominio, info de la página con los típicos atributos, incluyendo enlaces externos e internos y etiqueta canonical, y una lista completa de todos los links con sus correspondientes anchor text. También te señala la velocidad de carga, y un acceso directo a una serie de herramientas como Google Webmasters Tool, Google Trends y Keyword Planner.

4- Quick SEO by Rank Signals

Se trata de una extensión creada por la compañía Rank Signals, que nos permite consultar nuestro Pagerank, backlinks únicos y totales y, como curiosidad, pone un enlace a Wayback Machine y un Whois. Aunque esta herramienta a través de su web es gratuita, sólo nos muestra un número limitado de enlaces. Eso sí, nos indica si son follow o nofollow.

5- Majestic Backlink Analyzer

Como su propio nombre indica, es una extensión para Chrome creada por la prestigiosa compañía Majestic que con un simple clic te ofrece las métricas características de esta empresa: Trust Flow y Citation Flow, junto con los backlinks externos y los dominios de referencia. También incluye otras APPs avanzadas sólo disponibles para suscriptores.

Hay otras extensiones SEO que bien podrían figurar en esta lista y que probablemente encontraréis en otras del mismo género, como SEO SERP o SEO for Chrome, y que yo mismo suelo usar en mi trabajo de posicionamiento web, pero quería hacer una lista breve con las que a mi entender son las más útiles y mejores. Espero que a vosotros también os hayan servido.

#css vs #explorer, #chrome, #firefox, hacks y el espiritu santo, amen

buenas a todos

que bonito es que los objetos html se vean iguales en todos los navegadores verdad? … microsoft opina lo contrario, explorer como siempre dando la nota

en chrome y firefox genial y en explorer 11 las font un pelin mas grandes, la cuenta para que el input del buscador se vea por debajo del menu

solucion rapida y facil, css especifico para expl0rer … que no vale para nada claro, ejemplo de codigo:

<!--[if lte IE 8]>
    <link rel="stylesheet" href="ie8.css" type="text/css" />
<![endif]-->

este codigo estara muy guapo para controlar si usuario tiene el 6 o el 7 o el 8 … bla bla bla, pero si el usuario tiene el 11 no funciona y seguimos en las mismas

tras varios cabezazos contra el monitor decidi recurrir al javascript … que ingenuo!, explorer ya esta de vuelta. Tras probar 4 scripts diferentes que ni me molesto en pegar aqui ninguno funciono, explorer 11 es un bug gigante inexpugnable

solucion final definitiva que funciona : olvidarse de intentar reconocer explorer y hacerlo con chrome y firefox, a la primera funciono. Con estos dos codiguillos muestro un css de un objeto especifico y a explorer lo trato de estardar.

@-moz-document url-prefix()
{
  #div { display: block; }
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
  #div { display: block; }
}

Que pasa con explorer 10 … 9 … 8 … 7 … 6 … la gente que usa esos navegadores deberian tener prohibido tener ordenadores por seguir usando software de una empresa cuyos empleados no se sabe en que estan pensando … (yo uso windows 7 si, pero ahora no estamos hablando de mi)

 

#CSS div height: 100% – Alto de capa para chrome, firefox y explorer by @zoneartcss

Fuente: zoneartcss.com

Bua…. como lo dice el titulo… porfin una solucion, sino la correcta, supongo que la unica por el momento… (y si me equivoco manda la tuya haciendo click aqui), y siempre que necesitamos dar esteefecto en nuestros diseños… acabamos haciendolo con javascript… o si tenemos un diseño fijo, estatico, pues optamos por el uso de una imagen de fondo… que no es lo mas conveniente en algunas ocaciones pero si nos ahorra horas y frustraciones pero bueno. eh aqui la solucion para igualar nuestras columnas, cuando estan dentro de un div contenedor… y dar el efecto de divs relativamente iguales en su altura...

Al lio… tenemos nuestro div contenedor (class=”all”) y dentro tenemos otros 2 div ‘s (class=”contenido” y class=”lateral”) y queremos que tengan la misma altura cubriendo asi el 100% del contenedor (class=”all”)… entonces el html es:…

<div class="all">
    <div class="contenido">
        <p>nuestra primera columna</p>
    </div>
    <div class="lateral">
        <p>nuestra segunda columna.</p>
    </div>
</div>

Ahora para dar el efecto necesitamos hacer uso del “overflow” para que nos oculte el scroll que nos da el “padding” y el “margin“, que son ridiculamente enormes y nos da mucha altura.

.all{overflow:hidden;}
.contenido, .lateral{float:left;padding-bottom:30000px;margin-bottom:-30000px;}

Click para ver demo en linea