doc-site
SEO
is the practice of improving a website's visibility and ranking in search
engine results pages.
SEO encompasses a range of techniques that helps in the following ways:
Increased organic traffic: SEO helps improve your website's visibility, leading to higher organic traffic from search engines.
Better user experience: SEO involves optimizing website elements that enhance user experience, such as page speed, mobile-friendliness, and easy navigation.
Enhanced credibility and trust: Higher search engine rankings instill confidence and trust in users, as they often perceive top-ranked websites as more reputable.
page
component of doc-site
We can do SEO in the doc-site
, by giving some properties to the page
component.
page
component's title, becomes the document title.-- ds.page: This is page title
When we add the document-title
property, the page title can have custom
title, which is better for SEO.
og-title
and twitter-title
as well as the <title>
tag.-- ds.page: This is page title
document-title: Welcome!
title
is one way to do SEO. Now we will add the second property
document-description
and give a short and eye-catching description then this
description will be added as meta-data in the tags called og-description
as
well twitter-description
, and in the description
tag.-- ds.page: This is page title
document-title: Welcome!
document-description: Learn how to do SEO! ;;<hl>
Similarly, we can give a specific image that we want the users to see when the URL is shared on social media platforms.
For the same, in the page
component of the doc-site, we add another property
called document-image
.
The image provided to this property will be added as the meta-data.
You can give any link of an image.
Or, if you want to add the image which is in your package, then in that case,
give the https://<package-name>/path to the image with extension
.
-- ds.page: This is page title
document-title: Welcome!
document-description: Learn how to do SEO!
document-image: https://gargajit.github.io/optimization/images/seo-meta.png ;;<hl>
Thank you guys, keep watching these videos to learn more about fastn.
Support us by giving a star ⭐ on GitHub and join our fastn community on Discord.