Skip to content
This repository was archived by the owner on Dec 18, 2024. It is now read-only.

fix: accessibility, SEO, typos, styling, favicons #649

Merged
merged 1 commit into from
Oct 14, 2019
Merged

Conversation

Splaktar
Copy link
Contributor

@Splaktar Splaktar commented Oct 12, 2019

  • add lang to html tag
  • add robots.txt and sitemap.xml
  • enable build-optimizer
  • add Angular Material icon to footer
  • fix typos
  • use accent color on 2nd Get started button on homepage
  • improve page title SEO
  • better format copyright in footer
  • add structured data, open graph, twitter to index
  • preconnect and dns-prefetch fonts
  • add apple-touch-icon links
  • add site description, keywords, author, theme-color, Content-Type, etc.
  • update favicons to Angular Material icons
    • support macOS touchbar and Windows 8/10 icons
  • disable Angular CLI commonChunk
  • refactor main.scss to styles.scss to be consistent with CLI

Before

Screen Shot 2019-10-11 at 23 15 03
Screen Shot 2019-10-11 at 23 16 15

Twitter

No preview.

Structured Data

None found.

Google

Screen Shot 2019-10-11 at 23 28 07

Favicon checks

Screen Shot 2019-10-13 at 07 48 46

After

Screen Shot 2019-10-11 at 23 15 18
Screen Shot 2019-10-11 at 23 15 51

Twitter

Screen Shot 2019-10-11 at 23 19 56

Structured Data

Screen Shot 2019-10-11 at 23 19 32

Google preview

Screen Shot 2019-10-11 at 23 18 13

Favicon checks

Screen Shot 2019-10-13 at 07 48 32

With assistance from https://realfavicongenerator.net

Copy link
Member

@crisbeto crisbeto left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@@ -5,19 +5,23 @@
<div class="footer-logo">
<img class="docs-footer-angular-logo"
src="../../../assets/img/homepage/angular-white-transparent.svg"
alt="angular">
alt="Angular icon">
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Shouldn't it be "Angular logo"?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Not based on https://hudsonvalleygraphics.com/is-it-a-logo-or-an-icon/ which aligns with my thinking that most logos include some typography.

https://blog.designcrowd.com/article/353/differences-between-logos-and-icons also mentions that icons are generally quadratic/square.

Here's the Angular logo: https://angular.io/assets/images/logos/angular/[email protected]

<span><a href="https://angular.io">Learn Angular</a></span>
</div>
</div>

<div class="docs-footer-version">
<img class="angular-material-logo" src="../../../assets/img/angular-material-logo.svg"
alt="Angular Material icon">
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Should also say that it's the logo.

@Splaktar Splaktar force-pushed the fixLighthouseIssues branch from 78833d7 to 27ad8cb Compare October 12, 2019 09:32
add lang to html tag
add robots.txt and sitemap.xml
enable build-optimizer
add Angular Material icon to footer
fix typos
use accent color on 2nd Get started button on homepage
improve page title SEO
better format copyright in footer
add structured data, open graph, twitter to index
preconnect and dns-prefetch fonts
add apple-touch-icon links
add site description, keywords, author, theme-color, Content-Type, etc.
update favicons to Angular Material icons
- support macOS touchbar and Windows 8/10 icons
disable Angular CLI commonChunk
refactor `main.scss` to `styles.scss` to be consistent with CLI
@Splaktar Splaktar force-pushed the fixLighthouseIssues branch from 27ad8cb to 591ef25 Compare October 13, 2019 11:46
@Splaktar Splaktar changed the title fix: accessibility, SEO, typos, styling fix: accessibility, SEO, typos, styling, favicons Oct 13, 2019
Copy link
Member

@jelbourn jelbourn left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@jelbourn jelbourn merged commit 61089b0 into 8.x Oct 14, 2019
Splaktar added a commit that referenced this pull request Oct 15, 2019
add lang to html tag
add robots.txt and sitemap.xml
enable build-optimizer
add Angular Material icon to footer
fix typos
use accent color on 2nd Get started button on homepage
improve page title SEO
better format copyright in footer
add structured data, open graph, twitter to index
preconnect and dns-prefetch fonts
add apple-touch-icon links
add site description, keywords, author, theme-color, Content-Type, etc.
update favicons to Angular Material icons
- support macOS touchbar and Windows 8/10 icons
@Splaktar Splaktar deleted the fixLighthouseIssues branch October 15, 2019 19:51
Splaktar added a commit that referenced this pull request Oct 15, 2019
add lang to html tag
add robots.txt and sitemap.xml
enable build-optimizer
add Angular Material icon to footer
fix typos
use accent color on 2nd Get started button on homepage
improve page title SEO
better format copyright in footer
add structured data, open graph, twitter to index
preconnect and dns-prefetch fonts
add apple-touch-icon links
add site description, keywords, author, theme-color, Content-Type, etc.
update favicons to Angular Material icons
- support macOS touchbar and Windows 8/10 icons
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants