jacobsamo / Mixie

Mixie is an open source, community-driven recipe platform where home cooks and food enthusiasts can cook, create and collaborate on unique and delicious recipes.
https://mixiecooking.com
GNU Affero General Public License v3.0
1 stars 1 forks source link

Improve SEO & PWA performance #109

Closed jacobsamo closed 3 months ago

jacobsamo commented 5 months ago

At the moment Mixie is quite lacking in it's SEO performance and could be 10x better.

What are some things we could:

Helpful items:

Manifest.json

For proper PWA the manifest.json has to be filled out, trying to fill this out as much as possible so that devices know how to see it

Clean up code

Reducing the size of page

There are alot of page in mixie that have a really high first load of javascript reducing performance drastically, this would be improved by:

Better Social Previews

There are quite a few improvements that could be done here.

Better search finding

Since recipes are open to the web and being search we need to improve these being found on google. What can we do?

Fixing up recipe-jsonLD

At the moment these are only getting put into the body, that isn't a huge issue but would be alot better in the head of the document.

The other part is generating these schemas manually rather than using a package there is a npm package for schema.org types so this could be used to properly generate the schema, this would also allow adding extra fields to schema than what is currently supported with next-seo

Proper layout of elements on the page

Search engines find it helpful when pages are laid out correctly e.g h1 as the top of the page, ul / li for lists, etc. Trying to reduce extra element on the page and only adding necessary elements as need is very important