Nibbler SEO audit for bulma.io
Summary
Overall7.8
The overall score for this website.
Accessibility8.6
How accessible the website is to mobile and disabled users.
The following tests contribute to this score:
Experience9.1
How satisfying the website is likely to be for users.
The following tests contribute to this score:
Marketing7.4
How well marketed and popular the website is.
The following tests contribute to this score:
Technology8.7
How well designed and built the website is.
The following tests contribute to this score:
Nibbler tested a sample of 5 pages from this website at 9:00 AM on Apr 18, 2024 (BST).
Top priorities for website improvement
- Consider shortening long anchor text. (read more)
- Consider a leading website analytics solution, such as WebTrends or Google Analytics. (read more)
- Add width and height attributes to all image tags. The width and height you specify should be the same as the source image. If you want to resize an image in the browser, use CSS. (read more)
Analytics0.0
0% of pages use analytics
No Analytics Solution
- None of this website is using any recognised analytics software. It is still possible to gather a great deal of information from webserver logs, however complete visitor analysis requires client-side Javascript or an image not found here.
- Consider a leading website analytics solution, such as WebTrends or Google Analytics.
- Note that this test can only detect recognised analytics solutions. If an analytics solution is new, obscure or used in a non-standard way (e.g. it has been customised) it may not be detected.
Internal links2.7
- 5 links use text that is too long. Links should describe what they link to briefly. Linking a long block of text usually indicates an attempt to trick search engines into ranking those keywords highly (a strategy which does not work). Long linked blocks of text are also harder for people to scan.
- Consider shortening long anchor text.
Overly long link text
Link URL Link text Page URL bulma.io/ .native-js { background: linear-gradient(-30deg, #native_bg_color#E5, #native_bg_color#E5 45%, #native_bg_color# 45%) #fff; } .native-details { color: #native_color# !important; } .native-details:hover { color: #native_color_hover# !important; } .native-cta { color: #native_cta_color#; background-color: #native_cta_bg_color#; } .native-cta:hover { color: #native_cta_color_hover#; background-color: #native_cta_bg_color_hover#; } #native_company# #native_desc# #native_cta# bulma.io/ bulma.io/documentation/ .native-js { background: linear-gradient(-30deg, #native_bg_color#E5, #native_bg_color#E5 45%, #native_bg_color# 45%) #fff; } .native-details { color: #native_color# !important; } .native-details:hover { color: #native_color_hover# !important; } .native-cta { color: #native_cta_color#; background-color: #native_cta_bg_color#; } .native-cta:hover { color: #native_cta_color_hover#; background-color: #native_cta_bg_color_hover#; } #native_company# #native_desc# #native_cta# bulma.io/documentation/ bulma.io/expo/ .native-js { background: linear-gradient(-30deg, #native_bg_color#E5, #native_bg_color#E5 45%, #native_bg_color# 45%) #fff; } .native-details { color: #native_color# !important; } .native-details:hover { color: #native_color_hover# !important; } .native-cta { color: #native_cta_color#; background-color: #native_cta_bg_color#; } .native-cta:hover { color: #native_cta_color_hover#; background-color: #native_cta_bg_color_hover#; } #native_company# #native_desc# #native_cta# bulma.io/expo/ bulma.io/love/ .native-js { background: linear-gradient(-30deg, #native_bg_color#E5, #native_bg_color#E5 45%, #native_bg_color# 45%) #fff; } .native-details { color: #native_color# !important; } .native-details:hover { color: #native_color_hover# !important; } .native-cta { color: #native_cta_color#; background-color: #native_cta_bg_color#; } .native-cta:hover { color: #native_cta_color_hover#; background-color: #native_cta_bg_color_hover#; } #native_company# #native_desc# #native_cta# bulma.io/love/ bulma.io/become-a-bulma-sponsor/ .native-js { background: linear-gradient(-30deg, #native_bg_color#E5, #native_bg_color#E5 45%, #native_bg_color# 45%) #fff; } .native-details { color: #native_color# !important; } .native-details:hover { color: #native_color_hover# !important; } .native-cta { color: #native_cta_color#; background-color: #native_cta_bg_color#; } .native-cta:hover { color: #native_cta_color_hover#; background-color: #native_cta_bg_color_hover#; } #native_company# #native_desc# #native_cta# bulma.io/become-a-bulma-sponsor/
- Consider shortening long anchor text.
- 789 links have no text describing their destination. Links on a page should describe their destination for the benefit of both screen readers and search engine spiders.
- Add meaningful anchor text that describes the link's destination. If the link contains an image, ensure you have provided alt text.
Empty link text
- Add meaningful anchor text that describes the link's destination. If the link contains an image, ensure you have provided alt text.
Images7.2
44% of images have a clearly defined size
97 images are being resized by the browser
- Most images (56.0%) don't have defined sizes using width and height attributes in the HTML. These attributes are optional, but strongly recommended as they help the browser arrange the page faster.
- Add width and height attributes to all image tags. The width and height you specify should be the same as the source image. If you want to resize an image in the browser, use CSS.
Non Explicitly Sized Images
- Add width and height attributes to all image tags. The width and height you specify should be the same as the source image. If you want to resize an image in the browser, use CSS.
- 97 images are being stretched in the browser.
- The width and height you specify in an image tag should be the same as the source image. If you want to resize an image in the browser, use the CSS width and height properties.
Stretched Images
- The width and height you specify in an image tag should be the same as the source image. If you want to resize an image in the browser, use the CSS width and height properties.
- 1 image on this website could not be downloaded. Broken images may cause the website to display incorrectly for visitors.
- Check any images which could not be downloaded and fix them if necessary.
Unavailable images
- Check any images which could not be downloaded and fix them if necessary.
Amount of content8.7
Rendering Chart...
- This website has an average of 3,145 words per page. The amount of content on a website has been shown to correlate with its search engine ranking.
Amount of content discovered
| Page | Characters | Words |
| bulma.io/ | 12121 | 1840 |
| bulma.io/documentation/ | 3494 | 432 |
| bulma.io/expo/ | 1643 | 179 |
| bulma.io/love/ | 82654 | 13011 |
| bulma.io/become-a-bulma-sponsor/ | 1756 | 264 |
Headings8.9
- All pages were found to use defined headings. This is excellent as it allows visitors and search engines to summarize the content of webpages quickly. Correctly defined headings aid accessibility and are particularly important for search engine optimization.
- Some headings (1.0%) were found to be empty, or incorrectly defined. Empty or invalid headings are of no value to search engines and make a website less accessible.
- Make sure all headings have content which is relevant to the page of content.
- Some pages did not define headings correctly. The H1 tag should be used for the most top-level heading, with H2 being used for sub-headings and H3 for further sub-headings and so-on. Not conforming to this convention may confuse visitors.
- Ensure that headings are defined in a semantically correct way, i.e. always start with a H1 tag. This is used to summarise the page content. Further tags (H2, H3, H4 etc) are meant to summarise and partition sections within the content.
Page headings detail
Server behavior9.4
404 page
Compression
- This website handles missing pages correctly by sending a 404 HTTP status code.
- This website was served with GZIP encoding. This is very good because it reduces the loading time of a web page.
- This website follows the best practice of using a permanent (HTTP 301) redirect between URLs with/without trailing slashes. This is ideal.
- This website uses a temporary (HTTP 302) redirect from http://www.bulma.io to http://bulma.io. This is OK, but a permanent (HTTP 301) redirect is considered best practice.
- If possible, change the temporary redirect to a permanent (HTTP 301) redirect.
Mobile10.0
- All of this website appears to be optimised for viewing on a mobile phone or a tablet.
Media specific CSS detected
Page titles10.0
100% of pages have defined titles
0% of page titles are weak
- All pages were found to use page titles appropriately. Page titles appear in search results and at the top of the browser's window when visiting the site. Appropriate page titles are particularly important for search engine optimization.
Page titles
Meta tags10.0
This is how this website will look in Google search listings:
Bulma: Free, open source, and modern CSS framework based on Flexbox
bulma.io/
Bulma is a free, open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.
- All pages were found to include a meta description. This is good because search engines (like Google) show this text in search result pages.
Meta Tags (name attribute)
| Page URL | Name | Content |
| bulma.io/ | viewport | width=device-width, initial-scale=1 |
| bulma.io/ | description | Bulma is a free, open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free. |
| bulma.io/ | twitter:card | summary_large_image |
| bulma.io/ | twitter:site | @jgthms |
| bulma.io/ | twitter:creator | @jgthms |
| bulma.io/ | twitter:title | Bulma: Free, open source, and modern CSS framework based on Flexbox |
| bulma.io/ | twitter:description | Bulma is a free, open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free. |
| bulma.io/ | twitter:image | https://bulma.io/assets/images/bulma-banner.png |
| bulma.io/ | msapplication-config | https://bulma.io/favicons/browserconfig.xml?v=201701041855 |
| bulma.io/ | theme-color | #00d1b2 |
| bulma.io/documentation/ | viewport | width=device-width, initial-scale=1 |
| bulma.io/documentation/ | description | Bulma is a free, open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free. |
| bulma.io/documentation/ | twitter:card | summary_large_image |
| bulma.io/documentation/ | twitter:site | @jgthms |
| bulma.io/documentation/ | twitter:creator | @jgthms |
| bulma.io/documentation/ | twitter:title | Official Bulma Documentation |
| bulma.io/documentation/ | twitter:description | Bulma is a free, open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free. |
| bulma.io/documentation/ | twitter:image | https://bulma.io/assets/images/bulma-banner.png |
| bulma.io/documentation/ | msapplication-config | https://bulma.io/favicons/browserconfig.xml?v=201701041855 |
| bulma.io/documentation/ | theme-color | #00d1b2 |
| bulma.io/expo/ | viewport | width=device-width, initial-scale=1 |
| bulma.io/expo/ | description | Bulma is a free, open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free. |
| bulma.io/expo/ | twitter:card | summary_large_image |
| bulma.io/expo/ | twitter:site | @jgthms |
| bulma.io/expo/ | twitter:creator | @jgthms |
| bulma.io/expo/ | twitter:title | Bulma: Free, open source, and modern CSS framework based on Flexbox |
| bulma.io/expo/ | twitter:description | Bulma is a free, open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free. |
| bulma.io/expo/ | twitter:image | https://bulma.io/assets/images/bulma-banner.png |
| bulma.io/expo/ | msapplication-config | https://bulma.io/favicons/browserconfig.xml?v=201701041855 |
| bulma.io/expo/ | theme-color | #00d1b2 |
| bulma.io/love/ | viewport | width=device-width, initial-scale=1 |
| bulma.io/love/ | description | Bulma is a free, open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free. |
| bulma.io/love/ | twitter:card | summary_large_image |
| bulma.io/love/ | twitter:site | @jgthms |
| bulma.io/love/ | twitter:creator | @jgthms |
| bulma.io/love/ | twitter:title | Bulma: Free, open source, and modern CSS framework based on Flexbox |
| bulma.io/love/ | twitter:description | Bulma is a free, open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free. |
| bulma.io/love/ | twitter:image | https://bulma.io/assets/images/bulma-banner.png |
| bulma.io/love/ | msapplication-config | https://bulma.io/favicons/browserconfig.xml?v=201701041855 |
| bulma.io/love/ | theme-color | #00d1b2 |
| bulma.io/become-a-bulma-sponsor/ | viewport | width=device-width, initial-scale=1 |
| bulma.io/become-a-bulma-sponsor/ | description | Bulma is a free, open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free. |
| bulma.io/become-a-bulma-sponsor/ | twitter:card | summary_large_image |
| bulma.io/become-a-bulma-sponsor/ | twitter:site | @jgthms |
| bulma.io/become-a-bulma-sponsor/ | twitter:creator | @jgthms |
| bulma.io/become-a-bulma-sponsor/ | twitter:title | Bulma: Free, open source, and modern CSS framework based on Flexbox |
| bulma.io/become-a-bulma-sponsor/ | twitter:description | Bulma is a free, open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free. |
| bulma.io/become-a-bulma-sponsor/ | twitter:image | https://bulma.io/assets/images/bulma-banner.png |
| bulma.io/become-a-bulma-sponsor/ | msapplication-config | https://bulma.io/favicons/browserconfig.xml?v=201701041855 |
| bulma.io/become-a-bulma-sponsor/ | theme-color | #00d1b2 |
Meta Tags (http-equiv attribute)
| Page URL | Name | Content |
| bulma.io/ | X-UA-Compatible | IE=edge |
| bulma.io/documentation/ | X-UA-Compatible | IE=edge |
| bulma.io/expo/ | X-UA-Compatible | IE=edge |
| bulma.io/love/ | X-UA-Compatible | IE=edge |
| bulma.io/become-a-bulma-sponsor/ | X-UA-Compatible | IE=edge |
Printability10.0
100% of pages are optimized for printing
- All pages of this website appear to be optimized for printing (using CSS).
Media specific CSS detected
URL format10.0
Every URL is well written
- This website uses appropriate web addresses (URLs) throughout. This is excellent and will help search engine placement, usability and the marketability of this website.
Freshness10.0
Last updated April 17, 2024
- It looks like this website was last updated on Wednesday, April 17, 2024. This is good because visitors perceive up-to-date websites as more credible. Websites that are updated regularly are also spidered by search engines more often.
- To find this information we used the last modified dates reported by this website's server in addition to looking for dates written on each page.
All dates found
Twitteri
This website does not appear to be associated with a Twitter account.
- There was a problem checking the Twitter accounts associated with this website.
Fast, branded website audits
Insites creates professional website reports that can be shared with your clients.
How does Insites compare?
Nibbler | Insites | |
|---|---|---|
| Tests | 17 fixed tests | 50+ testsCovers SEO, SEM, Google My Business, reviews, social media and much more |
| Add your branding | No | Yes |
| Export & share | No | PDF & link |
| Lead generation | No | Embed on your site |
| Competitor audits | No | Yes |
| Test as a batch | No | Yes |
| Integrations + API | No | Yes |
| Multi-lingual | No | 20+ languages |
| Try it free |
Nibbler tested the following pages
- https://bulma.io/
- https://bulma.io/documentation/
- https://bulma.io/expo/
- https://bulma.io/love/
- https://bulma.io/become-a-bulma-sponsor/