Revisión web de css-tricks.com
Generado el 16 Julio 2022 14:00 PM
Resultados antiguos? ACTUALIZAR !
La puntuación es 52/100
Contenido SEO
Título
CSS-Tricks - Tips, Tricks, and Techniques on using Cascading Style Sheets.
Longitud : 74
Preferiblemente, tu título debería contener entre 10 y 70 caracteres (espacios incluidos). Usa esta herramienta gratuita para calcular la longitud del texto.
Descripción
Daily articles about CSS, HTML, JavaScript, and all things related to web design and development.
Longitud : 97
Genial, tu descripción meta contiene entre 70 y 160 caracteres.
Palabras Claves (Keywords)
Muy mal. No hemos encontrado palabras clave (meta keywords) en tu página. Usa este generador de meta tags gratuito para crear tus palabras clave.
Propiedades Meta Og
Bien. Tu página usa propiedades Og (etiquetas og).
| Propiedad | Contenido |
|---|---|
| locale | en_US |
| type | website |
| title | CSS-Tricks |
| description | CSS-Tricks is a website about websites. |
| url | https://css-tricks.com/ |
| site_name | CSS-Tricks |
| image | https://i0.wp.com/css-tricks.com/wp-content/uploads/2021/12/default-social-css-tricks.png |
| image:secure_url | https://i0.wp.com/css-tricks.com/wp-content/uploads/2021/12/default-social-css-tricks.png |
| image:width | 1200 |
| image:height | 628 |
| image:type | image/png |
Titulos
| H1 | H2 | H3 | H4 | H5 | H6 |
| 1 | 13 | 17 | 1 | 3 | 0 |
- [H1] How stroke-dasharray Patterns Work
- [H2] Popular this month
- [H2] grid-auto-columns
- [H2] grid-auto-rows
- [H2] Office Spaces
- [H2] print-color-adjust
- [H2] React Hooks: The Deep Cuts
- [H2] In Praise of Shadows
- [H2] Technical Writing for Developers
- [H2] Collective Nouns for the Web
- [H2] Single Element Loaders: Going 3D!
- [H2] Bunny Fonts
- [H2] Text-overflow: ellipsis considered harmful
- [H2] TheMonthlyMixup
- [H3] COLRv1 and CSS font-palette: Web Typography Gets Colorful
- [H3] Let’s Create a Tiny Programming Language
- [H3] Cool Hover Effects That Use Background Properties
- [H3] Adding Custom GitHub Badges to Your Repo
- [H3] A Perfect Table of Contents With HTML + CSS
- [H3] A CSS Slinky in 3D? Challenge Accepted!
- [H3] Equal Columns With Flexbox: It’s More Complicated Than You Might Think
- [H3] Dialog Components: Go Native HTML or Roll Your Own?
- [H3] Syntax Highlighting (and More!) With Prism on a Static Site
- [H3] Auto-Sizing Columns in CSS Grid: `auto-fill` vs `auto-fit`
- [H3] Icon Glassmorphism Effect in CSS
- [H3] #127: Basics of JavaScript Templating
- [H3] print-color-adjust
- [H3] A Primer on the Different Types of Browser Storage
- [H3] :last-of-type
- [H3] ooooops I guess we’re* full-stack developers now
- [H3] Paginate Custom Post Types
- [H4] Keep up to date on web dev
- [H5] DigitalOcean
- [H5] CSS-Tricks
- [H5] Follow
Imagenes
Hemos encontrado 76 imágenes en esta web.
51 atributos alt están vacios o no existen. Agrega texto alternativo para que los motores de búsqueda puedan entender las imágenes.
Ratio Texto/HTML
Ratio : 0%
El ratio entre texto y código HTML de esta página es menor que el 15 por ciento, esto significa que tu web posiblemente necesite más contenido en texto.
Flash
Perfecto, no se ha detectado contenido Flash en la página.
Iframe
Genial, no se han detectado Iframes en la página.
Enlaces SEO
Reescritura URL
Bien. Tus enlaces parecen amigables
Guiones bajos en las URLs
Perfecto! No hemos detectado guiones bajos en tus URLs
Enlaces en página
Hemos encontrado un total de 137 enlaces incluyendo 0 enlace(s) a ficheros
| Ancla | Tipo | Jugo |
|---|---|---|
| Skip to main content | Interna | Pasando Jugo |
| here | Interna | Pasando Jugo |
| enjoy $100 of free credit | Externo | Pasando Jugo |
| patterns | Interna | Pasando Jugo |
| stroke-dasharray | Interna | Pasando Jugo |
| SVG | Interna | Pasando Jugo |
| How stroke-dasharray Patterns Work | Interna | Pasando Jugo |
| Geoff Graham | Interna | Pasando Jugo |
| COLRv1 and CSS font-palette: Web Typography Gets Colorful | Interna | Pasando Jugo |
| @font-palette-values | Interna | Pasando Jugo |
| base-palette | Interna | Pasando Jugo |
| color font | Interna | Pasando Jugo |
| font-palette | Interna | Pasando Jugo |
| typography | Interna | Pasando Jugo |
| Ollie Williams | Interna | Pasando Jugo |
| Let’s Create a Tiny Programming Language | Interna | Pasando Jugo |
| code | Interna | Pasando Jugo |
| Md Shuvo | Interna | Pasando Jugo |
| Cool Hover Effects That Use Background Properties | Interna | Pasando Jugo |
| background | Interna | Pasando Jugo |
| background-position | Interna | Pasando Jugo |
| hover | Interna | Pasando Jugo |
| links | Interna | Pasando Jugo |
| Temani Afif | Interna | Pasando Jugo |
| Adding Custom GitHub Badges to Your Repo | Interna | Pasando Jugo |
| github | Interna | Pasando Jugo |
| Nick Sypteras | Interna | Pasando Jugo |
| A Perfect Table of Contents With HTML + CSS | Interna | Pasando Jugo |
| lists | Interna | Pasando Jugo |
| Nicholas C. Zakas | Interna | Pasando Jugo |
| A CSS Slinky in 3D? Challenge Accepted! | Interna | Pasando Jugo |
| 3d | Interna | Pasando Jugo |
| animation | Interna | Pasando Jugo |
| animation-delay | Interna | Pasando Jugo |
| Jhey Tompkins | Interna | Pasando Jugo |
| Equal Columns With Flexbox: It’s More Complicated Than You Might Think | Interna | Pasando Jugo |
| flex-basis | Interna | Pasando Jugo |
| flex-grow | Interna | Pasando Jugo |
| flex-shrink | Interna | Pasando Jugo |
| flexbox | Interna | Pasando Jugo |
| grid | Interna | Pasando Jugo |
| Kevin Powell | Interna | Pasando Jugo |
| Dialog Components: Go Native HTML or Roll Your Own? | Interna | Pasando Jugo |
| dialog | Interna | Pasando Jugo |
| Rob Levin | Interna | Pasando Jugo |
| Syntax Highlighting (and More!) With Prism on a Static Site | Interna | Pasando Jugo |
| next.js | Interna | Pasando Jugo |
| static sites | Interna | Pasando Jugo |
| syntax | Interna | Pasando Jugo |
| Adam Rackis | Interna | Pasando Jugo |
| Auto-Sizing Columns in CSS Grid: `auto-fill` vs `auto-fit` | Interna | Pasando Jugo |
| Sara Soueidan | Interna | Pasando Jugo |
| grid-auto-columns | Interna | Pasando Jugo |
| CSS Grid Layout specification | Externo | Pasando Jugo |
| implicit columns | Interna | Pasando Jugo |
| Mojtaba Seyedi | Interna | Pasando Jugo |
| grid-auto-rows | Interna | Pasando Jugo |
| work | Interna | Pasando Jugo |
| Office Spaces | Interna | Pasando Jugo |
| wrote about his office space | Externo | Pasando Jugo |
| re-rooted in Colorado | Externo | Pasando Jugo |
| print-color-adjust | Interna | Pasando Jugo |
| Sunkanmi Fafowora | Interna | Pasando Jugo |
| react hooks | Interna | Pasando Jugo |
| React Hooks: The Deep Cuts | Interna | Pasando Jugo |
| React state lifecycle | Interna | Pasando Jugo |
| Blessing Ene Anyebe | Interna | Pasando Jugo |
| background-image | Interna | Pasando Jugo |
| centering | Interna | Pasando Jugo |
| object-fit | Interna | Pasando Jugo |
| scroll-snap | Interna | Pasando Jugo |
| stacking contexts | Interna | Pasando Jugo |
| In Praise of Shadows | Interna | Pasando Jugo |
| In Praise of Shadows | Externo | Pasando Jugo |
| copywriting | Interna | Pasando Jugo |
| writing | Interna | Pasando Jugo |
| Technical Writing for Developers | Interna | Pasando Jugo |
| Eluda | Interna | Pasando Jugo |
| Collective Nouns for the Web | Interna | Pasando Jugo |
| Melanie Sumner | Externo | Pasando Jugo |
| collection of web-related nouns | Externo | Pasando Jugo |
| clip-path | Interna | Pasando Jugo |
| gradients | Interna | Pasando Jugo |
| loader | Interna | Pasando Jugo |
| mask | Interna | Pasando Jugo |
| Single Element Loaders: Going 3D! | Interna | Pasando Jugo |
| little series on single-element loaders | Interna | Pasando Jugo |
| fonts | Interna | Pasando Jugo |
| google fonts | Interna | Pasando Jugo |
| privacy | Interna | Pasando Jugo |
| web fonts | Interna | Pasando Jugo |
| Bunny Fonts | Interna | Pasando Jugo |
| Bunny Fonts | Externo | Pasando Jugo |
| data loss | Interna | Pasando Jugo |
| text-overflow | Interna | Pasando Jugo |
| Text-overflow: ellipsis considered harmful | Interna | Pasando Jugo |
| Eric Eggert | Externo | Pasando Jugo |
| Keep browsing in the archives | Interna | Pasando Jugo |
| Icon Glassmorphism Effect in CSS | Interna | Pasando Jugo |
| backdrop-filter | Interna | Pasando Jugo |
| background-clip | Interna | Pasando Jugo |
| element() | Interna | Pasando Jugo |
| emoji | Interna | Pasando Jugo |
| filter | Interna | Pasando Jugo |
| hsl | Interna | Pasando Jugo |
| mask-clip | Interna | Pasando Jugo |
| navigation | Interna | Pasando Jugo |
| Ana Tudor | Interna | Pasando Jugo |
| #127: Basics of JavaScript Templating | Interna | Pasando Jugo |
| Chris Coyier | Interna | Pasando Jugo |
| A Primer on the Different Types of Browser Storage | Interna | Pasando Jugo |
| cache | Interna | Pasando Jugo |
| cookies | Interna | Pasando Jugo |
| Indexeddb | Interna | Pasando Jugo |
| kv storage | Interna | Pasando Jugo |
| localStorage | Interna | Pasando Jugo |
| parameters | Interna | Pasando Jugo |
| Ido Shamun | Interna | Pasando Jugo |
| :last-of-type | Interna | Pasando Jugo |
| Sara Cope | Interna | Pasando Jugo |
| ooooops I guess we’re* full-stack developers now | Interna | Pasando Jugo |
| full stack | Interna | Pasando Jugo |
| Paginate Custom Post Types | Interna | Pasando Jugo |
| DigitalOcean | Externo | Pasando Jugo |
| DigitalOcean Community | Externo | Pasando Jugo |
| About DigitalOcean | Externo | Pasando Jugo |
| Legal | Externo | Pasando Jugo |
| Interna | Pasando Jugo | |
| Guest Writing | Interna | Pasando Jugo |
| Book | Interna | Pasando Jugo |
| Advertising | Interna | Pasando Jugo |
| Externo | Pasando Jugo | |
| Externo | Pasando Jugo | |
| YouTube | Externo | Pasando Jugo |
| CodePen | Externo | Pasando Jugo |
| iTunes | Externo | Pasando Jugo |
| RSS | Interna | Pasando Jugo |
Palabras Clave SEO
Nube de Palabras Clave
Consistencia de las Palabras Clave
| Palabra Clave (Keyword) | Contenido | Título | Palabras Claves (Keywords) | Descripción | Titulos |
|---|
Usabilidad
Url
Dominio : css-tricks.com
Longitud : 14
Favicon
Genial, tu web tiene un favicon.
Imprimibilidad
No hemos encontrado una hoja de estilos CSS para impresión.
Idioma
Genial. Has declarado el idioma en.
Dublin Core
Esta página no usa Dublin Core.
Documento
Tipo de documento (Doctype)
HTML 5
Codificación
Perfecto. Has declarado como codificación UTF-8.
Validez W3C
Errores : 14
Avisos : 5
Privacidad de los Emails
Genial. No hay ninguna dirección de email como texto plano!
HTML obsoleto
Genial, no hemos detectado ninguna etiqueta HTML obsoleta.
Consejos de Velocidad
 |
Excelente, esta web no usa tablas. |
 |
Muy mal, tu web está usando estilos embenidos (inline CSS). |
|
Genial, tu página web usa muy pocos ficheros CSS. |
|
Muy mal, tu sitio usa demasiados ficheros JavaScript (más de 6). |
|
Su sitio web se beneficia del tipo de compresión gzip. ¡Perfecto! |
Movil
Optimización Móvil
|
Icono para Apple |
|
Etiqueta Meta Viewport |
|
Contenido Flash |
Optimización
Mapa del sitio XML
No disponible
Su sitio web no tiene un mapa del sitio XML. Esto puede traerle problemas.
Un mapa del sitio enumera las URL que pueden rastrearse y puede incluir información adicional, como las últimas actualizaciones de su sitio web, la frecuencia de cambios y la importancia de las URL. Esto permite a los motores de búsqueda rastrear el sitio web de una forma más exhaustiva.
Robots.txt
http://css-tricks.com/robots.txt
¡Estupendo! Su sitio web tiene un archivo robots.txt.
Herramientas de Analítica
No disponible
No hemos encontrado ninguna herramienta de analítica en esta web.
La analítica Web le permite medir la actividad de los visitantes de su sitio web. Debería tener instalada al menos una herramienta de analítica y se recomienda instalar otra más para obtener una confirmación de los resultados.
PageSpeed Insights
Dispositivo
Categorias
Website Review
Website Review es una herramienta seo gratuita que te ayuda a analizar tu web