styleguides.io

Avaliação do site styleguides.io

Website Style Guide Resources

 Gerado a 03 de Janeiro de 2026 00:24 AM

Estatísticas desatualizadas? ATUALIZE !

O resultado é de 67/100

Conteúdo SEO

Título

Website Style Guide Resources

Cumprimento : 29

Perfeito, o Título contém entre 10 e 70 caracteres.

Descrição

A collaborative collection of resources for creating Front-End Style Guides and Pattern Libraries

Cumprimento : 97

Perfeito, a Descrição META contém entre 70 e 160 caracteres.

Palavras-chave

Mau. Não detetámos palavras-chave META na sua página.

Propriedades Og Meta

Esta página não tira vantagens das propriedades Og.

Cabeçalhos

H1 H2 H3 H4 H5 H6
8 56 0 0 0 0
  • [H1] Website Style Guide Resources
  • [H1] Examples
  • [H1] Articles
  • [H1] Books
  • [H1] Podcasts
  • [H1] Talks
  • [H1] Tools
  • [H1] Contributors
  • [H2] Carbon Design System
  • [H2] Code For America
  • [H2] Codepen's design patterns
  • [H2] Finastra Design System
  • [H2] Harry Roberts's CSS Guidelines
  • [H2] Lonely Planet
  • [H2] Mailchimp's Pattern Library
  • [H2] Mailchimp's Voice and Tone
  • [H2] Mark Brown's Standards Guidelines
  • [H2] Max Quattromani
  • [H2] Salesforce
  • [H2] Sass Style Guide
  • [H2] South Tees Hospital
  • [H2] Starbucks
  • [H2] U.S. Web Design System
  • [H2] Yelp
  • [H2] A Maintainable Style Guide
  • [H2] A living style guide for GOV.UK
  • [H2] Atomic Design
  • [H2] Creating Style Guides
  • [H2] Front-End Style Guides
  • [H2] Living Design System
  • [H2] Pattern patter.
  • [H2] Style Guide Best Practices
  • [H2] Styleguide & Boilerplate Patterns
  • [H2] Systemic Design
  • [H2] A Pattern Language - Towns, Buildings, Construction
  • [H2] Atomic Design
  • [H2] Design Patterns - Elements of Reusable Object-Oriented Software
  • [H2] Design Systems
  • [H2] Design Systems Handbook
  • [H2] Designing Interfaces
  • [H2] Expressive Design Systems
  • [H2] Front-End Style Guides
  • [H2] Frontend Architecture for Design Systems - A Modern Blueprint for Scalable and Sustainable Websites
  • [H2] Mobile Design Pattern Gallery, 2nd Edition
  • [H2] Web Anatomy - Interaction Design Frameworks that Work
  • [H2] Design process with Samantha Warren
  • [H2] Jeremy Keith on Everything Web
  • [H2] Modular Design
  • [H2] Starbucks
  • [H2] Successful Product Design, pt. 4 - Atomic Design with Brad Frost
  • [H2] Future Friendly Style Guides
  • [H2] Style Guides Are The New Photoshop
  • [H2] Styleguide Driven Development
  • [H2] Bootstrap
  • [H2] Foundation
  • [H2] KSS
  • [H2] KSS-node
  • [H2] Pattern Lab
  • [H2] Snack
  • [H2] Style Prototypes
  • [H2] Style Tiles
  • [H2] Web Fundamentals
  • [H2] Web Starter Kit
  • [H2] Credits

Imagens

Encontrámos 46 imagens nesta página.

46 atributos ALT estão vazios ou em falta. É recomendado adicionar texto alternativo de modo a que os motores de busca identifiquem melhor o conteúdo das suas imagens.

Rácio Texto/HTML

Rácio : 35%

Ideal! O rácio de texto para código HTML desta página está entre 25 e 70 porcento.

Flash

Perfeito, não foi encontrado conteúdo Flash nesta página.

Iframe

Excelente, não foram detetadas Iframes nesta página.

Reescrita de URL

Perfeito. As ligações aparentam ser limpas!

Underscores (traços inferiores) nas URLs

Perfeito. Não foram encontrados 'underscores' (traços inferiores) nas suas URLs.

Ligações para a própria página

Encontrámos um total de 26 ligações incluindo 0 ligações a ficheiros

Âncoras Tipo Sumo
Website Style Guide Resources Internas Passa sumo
Articles Internas Passa sumo
Books Internas Passa sumo
Podcasts Internas Passa sumo
Talks Internas Passa sumo
Tools Internas Passa sumo
Examples Internas Passa sumo
GitHub repo Externas Passa sumo
Twitter updates Externas Passa sumo
Contributors Internas Passa sumo
Examples Internas Passa sumo
Articles Internas Passa sumo
Books Internas Passa sumo
Podcasts Internas Passa sumo
Talks Internas Passa sumo
Tools Internas Passa sumo
View on GitHub Externas Passa sumo
Follow styleguidesio Externas Passa sumo
Simon Child Externas Passa sumo
Desbenoit Externas Passa sumo
Louie Greco Externas Passa sumo
Edward Boatman Externas Passa sumo
Wilson Joseph Externas Passa sumo
John Caserta Externas Passa sumo
Travis Yunis Externas Passa sumo
Alex Auda Samora Externas Passa sumo

Palavras-chave SEO

Núvem de palavras-chave

web design guide patterns pattern style systems frontend system guides

Consistência das Palavras-chave

Palavra-chave Conteúdo Título Palavras-chave Descrição Cabeçalhos
design 55
style 36
web 21
patterns 21
guides 17

Usabilidade

Url

Domínio : styleguides.io

Cumprimento : 14

Favicon

Ótimo, o site tem um favicon.

Facilidade de Impressão

Não encontrámos CSS apropriado para impressão.

Língua

Otimo! A língua declarada deste site é en.

Dublin Core

Esta página não tira vantagens do Dublin Core.

Documento

Tipo de Documento

HTML 5

Codificação

Perfeito. O conjunto de caracteres UTF-8 está declarado.

Validação W3C

Erros : 0

Avisos : 0

Privacidade do Email

Boa! Nenhum endereço de email está declarado sob a forma de texto!

HTML obsoleto

Fantástico! Não detetámos etiquetas HTML obsoletas.

Dicas de Velocidade

Excelente, este site não usa tablelas dentro de tabelas.
Perfeito. Não foram detetados estilos CSS nas etiquetas HTML!
Boa, o site usa poucos ficheiros CSS.
Perfeito, o site usa poucos ficheiros JavaScript.
Perfeito, o site tira vantagens da compressão gzip.

Dispositivos Móveis

Otimização para dispositivos móveis

Icon Apple
Meta Viewport Tag
Conteúdo Flash

Otimização

XML Sitemap

Em falta

O site não tem um mapa XML do site (sitemap) - isto pode ser problemático.

Um mapa do site identifica todas as URLs que estão disponíveis para rastreio, incluindo informação acerca de atualizações, frequência de alterações ou a importancia de cada URL. Isto contribui para uma maior inteligência e eficiência do rastreio.

Robots.txt

https://styleguides.io/robots.txt

Perfeito, o seu site tem um ficheiro robots.txt.

Analytics

Em falta

Não detetámos nenhuma ferramenta analítica de análise de atividade.

Este tipo de ferramentas (como por exemplo o Google Analytics) permite perceber o comportamento dos visitantes e o tipo de atividade que fazem. No mínimo, uma ferramenta deve estar instalada, sendo que em algumas situações mais do que uma pode ser útil.

PageSpeed Insights

Dispositivo
Categorias

Free SEO Testing Tool

Free SEO Testing Tool é uma ferramenta gratuita que o ajuda a avaliar o seu site