-
Notifications
You must be signed in to change notification settings - Fork 31
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Add Jekyll SEO plugin #86
base: master
Are you sure you want to change the base?
Conversation
https://web.dev/add-manifest/ In the manifest we now have all the icons with the maskable icon seen at the bottom of the manifest. |
de3cf18
to
77b78d5
Compare
refs #85 You may not get the same scores on each Lighthouse run. Before from the PDF: Now on my local machine: |
Jekyll SEO adds some HTML markup to the HTML It uses the The Open Graph protocol enables any web page to become a rich object in a social graph. For instance, this is used on Facebook to allow any web page to have the same functionality as any other object on Facebook. Data is messy and disconnected. JSON-LD organizes and connects it, creating a better Web. https://ogp.me/ |
You can also test a website here -> https://web.dev/measure/ Similar scores and some of the same tests. |
Hey @matz this one is ready for review 👍 🚀 💯 |
- Add all the Apple touch and Microsoft icons - Fix Jekyll config error - Add a `browserconfig.xml` file - Add `alt`, `title`, `width` and `height` attributes to images - Add `lang="en"` to the start `html` tag - Add `meta viewport` tag - Created `maskable icon` - Created `Safari pinned tab icon` - Add all the Android icon sizes - Set `favicon.ico` to 48px square - Strip blank line from HTML - Fix missing HTTPS on link https://webhint.io/docs/user-guide/hints/hint-apple-touch-icons/ https://github.com/jekyll/jekyll-seo-tag
browserconfig.xml
filealt
,title
,width
andheight
attributes to imageslang="en"
to the starthtml
tagmeta viewport
tagmaskable icon
Safari pinned tab icon
favicon.ico
to 48px squarehttps://webhint.io/docs/user-guide/hints/hint-apple-touch-icons/
https://github.com/jekyll/jekyll-seo-tag
When running
bundle exec jekyll serve
In Safari desktop browser they have the concept of a
pinned tab
and you can have a different icon for a pinned tab.Depending on what color the tab bar is it should look like this: