Search Engine Optimization & Performance

[kmturley]

Some improvements could be made to support SEO. Maybe using an extension such as: https://github.com/vinaygopinath/ng2-meta

SEO: http://tools.neilpatel.com/en/analyze/https%3A%2F%2Ffir-cms-76f54.firebaseapp.com%2F

• missing meta data
• missing heading tags
• missing share tags for social networks

Structured data results: https://search.google.com/structured-data/testing-tool#url=https%3A%2F%2Ffir-cms-76f54.firebaseapp.com%2F

• missing all

Pagespeed results: https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Ffir-cms-76f54.firebaseapp.com%2F

• looks good

Lighthouse results: https://developers.google.com/web/tools/lighthouse/

• Progressive Web App issues
• Performance issues

[ankemp]

Also, adding dynamic <title> tag Some examples on how: Ex1 Ex2

[alexabbott]

@kmturley feedback:

• ng2-meta is not maintained and doesn't work anymore, but Angular4 has some built in functionality for achieving the same thing

• meta tags, heading tags and share tags added

• I'm not quite sure how to add the Structured Data since all the content is coming from Firebase and it seems like the data checker tools is looking at the page before anything loads

• Lighthouse audits aren't working for some reason -- anytime I perform a Lighthouse scan, it starts scanning a Stripe page on a different domain, not sure exactly how or why it's getting there...

[kmturley]

Looks like meta tags is using: <meta itemprop="description"

but missing name attribute: <meta name="description" itemprop="description"

Looks like structured data is not being picked up: https://search.google.com/structured-data/testing-tool#url=https%3A%2F%2Ffir-cms-76f54.firebaseapp.com%2F

you should have an itemtype on the page no? https://developers.google.com/search/docs/data-types/products

Lighthouse results:

• The page body should render some content if its scripts are not available.
• First Interactive was found at 8,310 ms, however, the network request latencies were not sufficiently realistic, so the performance measurements cannot be trusted.
• Manifest does not have icons at least 192px.
• Manifest does not have icons at least 512px.
• Image elements do not have [alt] attributes.
• Background and foreground colors do not have a sufficient contrast ratio. class="price"
• Lists do not contain only
• elements and script supporting elements (

[MattiJarvinen]

Proposed fix:

Angular Universal, when angular universal is realistically production ready. IMHO it currently almost is.

• The page body should render some content if its scripts are not available.
• First Interactive was found at 8,310 ms, however, the network request latencies were not sufficiently realistic, so the performance measurements cannot be trusted.

Non issue really when you can easily add your own icons.

• Manifest does not have icons at least 192px.
• Manifest does not have icons at least 512px.

Product image alt should have the product name:

• Image elements do not have [alt] attributes.

Easy css change:

• Background and foreground colors do not have a sufficient contrast ratio. class="price"