Nibbler SEO audit for www.xiaoxili.com
Summary
Overall7.2
The overall score for this website.
Accessibility9.4
How accessible the website is to mobile and disabled users.
The following tests contribute to this score:
Experience6.5
How satisfying the website is likely to be for users.
The following tests contribute to this score:
Marketing3.6
How well marketed, and popular the website is.
The following tests contribute to this score:
Technology8.1
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 06:01 on 6 May 2024 (BST).
Top priorities for website improvement
- Consider a leading website analytics solution, such as WebTrends or Google Analytics. (read more)
- Consider the amount of text on this website and increase it if appropriate. (read more)
- Sign up for a Twitter account and make sure it is linked to from your site. (read more)
Twitter0.0
This website does not appear to be associated with a Twitter account.
- This website did not contain a link to Twitter.
- Sign up for a Twitter account and make sure it is linked to from your site.
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.
Printability0.0
0% of pages are optimised for printing
- 5 pages of this website do not appear to be optimised for printing (using CSS).
- Add printable stylesheets for all pages, wherever possible. In most cases, websites can share printable stylesheets over many or all pages, as with screen-based stylesheets.
Print optimised pages
Page Print www.xiaoxili.com/ Not detected www.xiaoxili.com/blog Not detected www.xiaoxili.com/hi-face Not detected www.xiaoxili.com/photography Not detected www.xiaoxili.com/.../like-css3-animation Not detected
- Add printable stylesheets for all pages, wherever possible. In most cases, websites can share printable stylesheets over many or all pages, as with screen-based stylesheets.
Media specific CSS detected
Freshness4.2
Last updated November 3, 2023
- It looks like this website was last updated on Friday, 3 November 2023. Visitors perceive up-to-date websites as more credible. Websites that are updated regularly are also spidered by search engines more often.
- Consider updating this website regularly with new content.
- 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
| Date | File | Source |
| 03/11/2023 | www.xiaoxili.com/ | Last modified header |
| 03/11/2023 | www.xiaoxili.com/blog | Last modified header |
| 03/07/2023 | www.xiaoxili.com/hi-face | Last modified header |
| 03/11/2023 | www.xiaoxili.com/photography | Last modified header |
| 03/11/2023 | www.xiaoxili.com/.../like-css3-animation | Last modified header |
| 05/07/2023 | www.xiaoxili.com/.../arrow-diagonal-2.png | Last modified header |
| 03/11/2023 | www.xiaoxili.com/.../like-css3-animation | Last modified header |
| 03/07/2023 | www.xiaoxili.com/hi-face/.../favicon.ico | Last modified header |
| 03/11/2023 | www.xiaoxili.com/.../styles.05333c92.chunk.css | Last modified header |
| 05/07/2023 | www.xiaoxili.com/.../index.5bb16489.chunk.css | Last modified header |
| 05/07/2023 | www.xiaoxili.com/.../blog.5bb16489.chunk.css | Last modified header |
| 03/07/2023 | www.xiaoxili.com/hi-face/.../main.css | Last modified header |
| 05/07/2023 | www.xiaoxili.com/.../photography.8444cdeb.chunk.css | Last modified header |
| 05/07/2023 | www.xiaoxili.com/.../3f10e59282d13072b334d49aa1b3a021b750359a_CSS.bf4cba95.chunk.css | Last modified header |
Amount of content5.0
Rendering Chart...
- This website has an average of 96 words per page. The amount of content on a website has been shown to correlate with its search engine ranking.
- Consider the amount of text on this website and increase it if appropriate.
Amount of content discovered
| Page | Characters | Words |
| www.xiaoxili.com/ | 1235 | 144 |
| www.xiaoxili.com/blog | 213 | 33 |
| www.xiaoxili.com/hi-face | 201 | 29 |
| www.xiaoxili.com/photography | 172 | 30 |
| www.xiaoxili.com/.../like-css3-animation | 2102 | 244 |
Server behaviour6.4
404 page
Compression
- This website handles missing pages correctly by sending a 404 HTTP status code.
- This website was not served using GZIP encoding. GZIP compression is widely supported and reduces the load time of a web page.
- Enable GZIP compression on your web server or in your application.
- One page of this website returns page content with or without a trailing slash on its URL. Search engines might see these as separate pages with duplicate content which they could penalise for.
- Use a 301 redirect or a canonical meta tag to force search engines to see the correct version.
- Adding or removing a trailing slash to 3 of the URLs of this site returns an error page (404). This is OK as no content is being duplicated, but visitors might try browsing to the pages of this website with or without a trailing slash. Ideally, the alternate URL should redirect to the correct page.
- Add a 301 redirect from the other version to the canonical URL.
Unhandled alternate URLs
- Add a 301 redirect from the other version to the canonical URL.
- This website follows the best practice of using a permanent (HTTP 301) redirect from http://xiaoxili.com to http://www.xiaoxili.com. This is ideal.
Internal links7.6
- 10 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 www.xiaoxili.com/.../css3-animation-integral 积分签到动画-CSS3 Animation版本文中会包含一个签到领取 C 币的复合型动画，先将一个复合型动画进行拆解，明确每个动画元素的效果，再逐一讲解每个动画的实现思路、核心源码，还会讲解相关的其他知识点。 www.xiaoxili.com/ www.xiaoxili.com/blog/.../minapp-tabbar 小程序 TabBar 创意动画Hi 头像最近进行了 v2 版大改版，其中的交互动画得到了不少好友的称赞。今天我就来分享一些关于小程序 TabBar 创意动画，将从 TabBar 类型、完整的 TabBar 创意动画进行分析。更多 www.xiaoxili.com/ www.xiaoxili.com/.../webp-lazy-better-image Webp图像压缩和图片懒加载的高级实践近些年网站 CDN 流量虽然降低很多，但还是需要被引起注意。前端工程师在开发时会将 CSS 样式中的图片进行压缩，但网站图片的流量大部分来自用户上传的图片，而这些图片如何进行图片压缩和懒加载呢？更多 www.xiaoxili.com/ www.xiaoxili.com/.../react-ui-mode-cc react-ui-mode-cc：融合响应式设计的 React 组件独创性的融合响应式设计思维，轻量的代码，让响应式设计有了更多可能性。融合响应式设计，利用 JavaScript 判断 和 CSS 来进行媒体查询，是响应式设计与自适应设计结合的方案。更多 www.xiaoxili.com/ www.xiaoxili.com/.../css3-animation-integral 积分签到动画-CSS3 Animation版CSS Animation创意动画本文中会包含一个签到领取 C 币的复合型动画，先将一个复合型动画进行拆解，明确每个动画元素的效果，再逐一讲解每个动画的实现思路、核心源码，还会讲解相关的其他知识点。阅读更多 www.xiaoxili.com/blog www.xiaoxili.com/blog/.../minapp-tabbar 小程序 TabBar 创意动画小程序创意动画TaroHi 头像最近进行了 v2 版大改版，其中的交互动画得到了不少好友的称赞。今天我就来分享一些关于小程序 TabBar 创意动画，将从 TabBar 类型、完整的 TabBar 创意动画进行分析。阅读更多 www.xiaoxili.com/blog www.xiaoxili.com/.../webp-lazy-better-image Webp图像压缩和图片懒加载的高级实践Webp图片懒加载React近些年网站 CDN 流量虽然降低很多，但还是需要被引起注意。前端工程师在开发时会将 CSS 样式中的图片进行压缩，但网站图片的流量大部分来自用户上传的图片，而这些图片如何进行图片压缩和懒加载呢？阅读更多 www.xiaoxili.com/blog www.xiaoxili.com/.../react-ui-mode-cc react-ui-mode-cc：融合响应式设计的 React 组件响应式设计网页适配React前端插件独创性的融合响应式设计思维，轻量的代码，让响应式设计有了更多可能性。融合响应式设计，利用 JavaScript 判断 和 CSS 来进行媒体查询，是响应式设计与自适应设计结合的方案。阅读更多 www.xiaoxili.com/blog www.xiaoxili.com/.../fusion-web-design 响应式布局新方案——融合响应式设计响应式设计网页适配利用 JavaScript 和 CSS 来进行媒体查询，是响应式设计与自适应设计结合的方案，我这里给起一个好记的名字叫做融合响应式设计（ Fusion Web Design，简称 FWD ）。阅读更多 www.xiaoxili.com/blog www.xiaoxili.com/.../start-the-xiaoxili-technology-brand 斜杠青年的半年专注——工作技术提升，个人品牌建立 | 掘金征文小溪里品牌云开发TaroHi 头像从春节开始到现在近半年的时间，我开发了 Hi 头像小程序并将其开源，成为了 Taro 社区的主要知识共建者和腾讯云云开发的布道师，并且在七月初启动了小溪里个人技术品牌，我希望它可以给看到的朋友带来一些启发或者从中能学到一些技术知识。阅读更多 www.xiaoxili.com/blog
- Consider shortening long anchor text.
- One link has no text describing its 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.
Images8.5
57% of images have a clearly defined size
25 images are being resized by the browser
- Some images (43.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 more quickly.
- 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.
- 2 images are not in a web-friendly format.
- Make sure all images on this website are JPEG, PNG, SVG or GIF format.
Non Web-Format Images
Image URL Format Page URL www.xiaoxili.com/hi-face/.../favicon.ico unknown www.xiaoxili.com/.../like-css3-animation unknown
- Make sure all images on this website are JPEG, PNG, SVG or GIF format.
- 25 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.
Headings9.0
- All pages were found to use defined headings. This is excellent as it allows visitors and search engines to summarise the content of webpages quickly. Correctly defined headings aid accessibility and are particularly important for search engine optimisation.
- 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
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 optimisation.
Page titles
| Page title | Notes |
| 小溪里 - 前端技术 - 小溪里 | OK |
| 博客 - 小溪里 - 小溪里 | OK |
| Hi头像 · HiOur出品，记录生活美好 | OK |
| 摄影作品 - 小溪里 - 小溪里 | OK |
| 小程序轻量级点赞动画，基于CSS背景图实现 - 小溪里 | OK |
Meta tags10.0
This is how this website will look in Google search listings:
小溪里 - 前端技术 - 小溪里
www.xiaoxili.com/
盛瀚钦，沪江 CCtalk 前端开发工程师，Hi头像小程序作者，前腾讯云云开发布道师，Taro ...
- 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 |
| www.xiaoxili.com/ | description | 盛瀚钦，沪江 CCtalk 前端开发工程师，Hi头像小程序作者，前腾讯云云开发布道师，Taro 社区的知识共建者，著有《从0到1开发一个智能头像识别小程序》小册。 |
| www.xiaoxili.com/ | twitter:card | summary_large_image |
| www.xiaoxili.com/ | twitter:site | ChilligoSheng |
| www.xiaoxili.com/ | twitter:creator | ChilligoSheng |
| www.xiaoxili.com/ | viewport | width=device-width,viewport-fit=cover |
| www.xiaoxili.com/ | keywords | 前端,前端开发工程师,云开发,云开发布道师,小程序,Taro,人工智能,xiaoxili,沪江 cctalk |
| www.xiaoxili.com/ | apple-mobile-web-app-capable | yes |
| www.xiaoxili.com/ | apple-mobile-web-app-status-bar-style | black-translucent |
| www.xiaoxili.com/ | theme-color | #0d5afe |
| www.xiaoxili.com/ | robots | index,follow |
| www.xiaoxili.com/ | googlebot | index,follow |
| www.xiaoxili.com/ | next-head-count | 28 |
| www.xiaoxili.com/blog | description | 盛瀚钦，沪江 CCtalk 前端开发工程师，Hi头像小程序作者，前腾讯云云开发布道师，Taro 社区的知识共建者，著有《从0到1开发一个智能头像识别小程序》小册。 |
| www.xiaoxili.com/blog | twitter:card | summary_large_image |
| www.xiaoxili.com/blog | twitter:site | ChilligoSheng |
| www.xiaoxili.com/blog | twitter:creator | ChilligoSheng |
| www.xiaoxili.com/blog | viewport | width=device-width,viewport-fit=cover |
| www.xiaoxili.com/blog | keywords | 前端,前端开发工程师,云开发,云开发布道师,小程序,Taro,人工智能,xiaoxili,沪江 cctalk |
| www.xiaoxili.com/blog | apple-mobile-web-app-capable | yes |
| www.xiaoxili.com/blog | apple-mobile-web-app-status-bar-style | black-translucent |
| www.xiaoxili.com/blog | theme-color | #0d5afe |
| www.xiaoxili.com/blog | robots | index,follow |
| www.xiaoxili.com/blog | googlebot | index,follow |
| www.xiaoxili.com/blog | next-head-count | 28 |
| www.xiaoxili.com/hi-face | viewport | width=device-width |
| www.xiaoxili.com/hi-face | generator | Docusaurus |
| www.xiaoxili.com/hi-face | description | HiOur出品，记录生活美好 |
| www.xiaoxili.com/hi-face | twitter:card | summary |
| www.xiaoxili.com/hi-face | twitter:image | https://hi-our.github.io//hi-face/img/undraw_tweetstorm.svg |
| www.xiaoxili.com/photography | description | 盛瀚钦，沪江 CCtalk 前端开发工程师，Hi头像小程序作者，前腾讯云云开发布道师，Taro 社区的知识共建者，著有《从0到1开发一个智能头像识别小程序》小册。 |
| www.xiaoxili.com/photography | twitter:card | summary_large_image |
| www.xiaoxili.com/photography | twitter:site | ChilligoSheng |
| www.xiaoxili.com/photography | twitter:creator | ChilligoSheng |
| www.xiaoxili.com/photography | viewport | width=device-width,viewport-fit=cover |
| www.xiaoxili.com/photography | keywords | 前端,前端开发工程师,云开发,云开发布道师,小程序,Taro,人工智能,xiaoxili,沪江 cctalk |
| www.xiaoxili.com/photography | apple-mobile-web-app-capable | yes |
| www.xiaoxili.com/photography | apple-mobile-web-app-status-bar-style | black-translucent |
| www.xiaoxili.com/photography | theme-color | #0d5afe |
| www.xiaoxili.com/photography | robots | index,follow |
| www.xiaoxili.com/photography | googlebot | index,follow |
| www.xiaoxili.com/photography | next-head-count | 28 |
| www.xiaoxili.com/.../like-css3-animation | twitter:card | summary_large_image |
| www.xiaoxili.com/.../like-css3-animation | twitter:site | ChilligoSheng |
| www.xiaoxili.com/.../like-css3-animation | twitter:creator | ChilligoSheng |
| www.xiaoxili.com/.../like-css3-animation | viewport | width=device-width,viewport-fit=cover |
| www.xiaoxili.com/.../like-css3-animation | apple-mobile-web-app-capable | yes |
| www.xiaoxili.com/.../like-css3-animation | apple-mobile-web-app-status-bar-style | black-translucent |
| www.xiaoxili.com/.../like-css3-animation | theme-color | #0d5afe |
| www.xiaoxili.com/.../like-css3-animation | robots | index,follow |
| www.xiaoxili.com/.../like-css3-animation | googlebot | index,follow |
| www.xiaoxili.com/.../like-css3-animation | description | 精美小巧的动画，让你耳目一新 |
| www.xiaoxili.com/.../like-css3-animation | next-head-count | 32 |
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.
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 |