Website improvements

/ home / computer / .

Siehe auch: SEO / GEO

1. <html lang="en">
2. Reduce image size to improve load performance (size, format (wbpm))
3. Add Aspect Ratio to Images: width="..." and height="..."
4. Viewport added.
5. Add alt="" tags to images.
6. Add keywords and description to all pages!
7. Rewrite in Apache config is faster than in .htaccess so move all .htaccess to Apache config if possible.

• Title too short 10 -> 50-70 chars
• Description too short 46 -> 140-180 chars -> do in all documents!
• Body to little words 75 -> 500

• Broken links and pages with 4XX status codes
• Incomplete or duplicate Meta descriptions.
• Title tags that exceed recommended character limits.

robots.txt

• robots.txt Checker: https://www.matthiasklenk.de/tools/robots-txt-tester/
  • Missing (Crawler pattern)
• https://developers.google.com/crawling/docs/robots-txt/robots-txt-spec
• https://robotstxtlab.net/glossary/allow
• https://gohugobrasil.netlify.app/templates/robots/
• https://gohugo.io/templates/robots/

Suggestion:

User-agent: *

Allow: /

Disallow:

Sitemap: {{ .Site.BaseURL }}sitemap.xml

Semantic web

Semantic web is missing:

• https://developer.mozilla.org/en-US/docs/Web/HTML/Microdata
• https://ogp.me/

<meta property="og:title" content="Add title here">
<meta property="og:description" content="Add description here">
<meta property="og:image" content="https://your-website.com/og-image.png">
<meta property="og:url" content="https://your-website.com">

Twitter has its own meta tags that are similar to the Open Graph protocol, but uses the “twitter” prefix instead of “og”. As with Facebook, only a few are required:

<meta name="twitter:title" content="Add title here">
<meta name="twitter:description" content="Add description here">
<meta name="twitter:url" content="https://your-website.com/twitter-image.png">
<meta name="twitter:card" content="summary">

–

Some pages to analyze your site:

• https://www.webpagetest.org/
• https://tools.pingdom.com/
• https://pagespeed.web.dev/
• https://www.debugbear.com/test/website-speed
• https://digital-success.ionos.com/loading
• https://developers.google.com/speed
• https://www.seobility.net/en/seocheck/
• https://seositecheckup.com/
• https://rankmath.com/tools/seo-analyzer/
• https://www.seotesteronline.com/
• https://www.ionos.com/tools/seo-check
• https://www.seoptimer.com/
• https://developers.google.com/search/docs/appearance/structured-data/intro-structured-data
• https://freetools.seobility.net/en/redirectcheck/check?url=shinguz.ch&expected=https

HTML Vallidator / Optimizer

• https://www.cssportal.com/html-validator/
• HTML Optimizer???

CSS Optimizer

CSS has a tendency to get cluttered…

• https://jigsaw.w3.org/css-validator/validator.html.en
• CSS Validator
• CSS Optimizer
• https://syntha.ai/optimizers/css
• https://css.github.io/csso/csso.html
• https://www.csstidyonline.com/
• https://www.toptal.com/developers/cssminifier

Optimize can mean different things:

• Minify
• 0.6 -> .6
• Remove comments
• Combine different parts which are identically -> syntha.ai! Caution: as any AI it does mistakes!!!

SASS Optimizer

• https://sass-lang.com/playground/
• https://jsonformatter.org/scss-formatter

https://www.w3schools.com/w3css/defaulT.asp https://www.w3schools.com/w3css/w3css_web.asp