From 214d56130eb571e21b801d4009e112dd991ac0a6 Mon Sep 17 00:00:00 2001 From: Deepak Date: Tue, 3 Dec 2024 15:04:56 +0530 Subject: [PATCH] updated docs --- .../interview-question/readme.md | 2 +- docs/frontend/frontend-intro/jamstack-cms.md | 88 ++--- docs/frontend/frontend-intro/readme.md | 3 - docs/frontend/frontend-intro/seo-aso.md | 322 ------------------ .../ui-ux-ixd-design-frontend.md | 1 + docs/frontend/others/docusaurus.md | 12 +- .../frontend/others/static-site-generators.md | 4 +- docs/frontend/readme.md | 1 + .../web-vitals.md => seo/core-web-vitals.md} | 2 +- .../google-crawlers-crawling.md | 2 +- docs/frontend/seo/readme.md | 9 + docs/frontend/seo/seo-aso.md | 180 ++++++++++ .../frontend/seo/seo-optimizing-techniques.md | 31 ++ docs/frontend/seo/seo-tools.md | 33 ++ docs/frontend/seo/types-of-seo.md | 42 +++ docs/frontend/seo/utm-and-sitemap.md | 47 +++ .../project-product-business-tools-saas.md | 14 + 17 files changed, 403 insertions(+), 390 deletions(-) delete mode 100755 docs/frontend/frontend-intro/seo-aso.md rename docs/frontend/{frontend-intro/web-vitals.md => seo/core-web-vitals.md} (99%) rename docs/frontend/{frontend-intro => seo}/google-crawlers-crawling.md (98%) create mode 100644 docs/frontend/seo/readme.md create mode 100755 docs/frontend/seo/seo-aso.md create mode 100644 docs/frontend/seo/seo-optimizing-techniques.md create mode 100644 docs/frontend/seo/seo-tools.md create mode 100644 docs/frontend/seo/types-of-seo.md create mode 100644 docs/frontend/seo/utm-and-sitemap.md diff --git a/docs/computer-science/interview-question/readme.md b/docs/computer-science/interview-question/readme.md index d4fd02c02c9..b45d3661cf1 100755 --- a/docs/computer-science/interview-question/readme.md +++ b/docs/computer-science/interview-question/readme.md @@ -12,7 +12,7 @@ - [System Design - Google Search](system-design-google-search) - [System Design - YouTube](computer-science/interview-question/system-design-youtube.md) - [System Design - MMOG - Game](system-design-mmog-game) -- [Google Crawlers / Crawling](frontend/frontend-intro/google-crawlers-crawling.md) +- [Google Crawlers / Crawling](frontend/seo/google-crawlers-crawling.md) - [System Design of Uber Data Architecture](computer-science/interview-question/system-design-uber-data-architecture.md) - [System Design - Others](system-design-others) - [Toptal](toptal) diff --git a/docs/frontend/frontend-intro/jamstack-cms.md b/docs/frontend/frontend-intro/jamstack-cms.md index 1facff7d488..4a714d3e31a 100755 --- a/docs/frontend/frontend-intro/jamstack-cms.md +++ b/docs/frontend/frontend-intro/jamstack-cms.md @@ -8,12 +8,9 @@ The JAMstack is not about specific technologies. It's a new way of building webs The JAMstack allows people to create websites that are simpler, faster, and more secure than other web development methods. Sites created with the JAMstack are delivered by pre-rendering files that are served directly from a CDN, removing the requirement to manage or run web servers. -J - client-side JavaScript - -A - reusable API - -M - prebuild Markup - +- J - client-side JavaScript +- A - reusable API +- M - prebuild Markup - No restriction on framework or library - Websites are served as static html files generated from source files, such as markdown using a static side generator like Gatsby - High performance, generated at deploy time @@ -39,7 +36,7 @@ A CMS is used to add content to your website/application. It is great for client https://www.wpbeginner.com/showcase/best-cms-platforms-compared -## Headless CMS +## Headless CMS - Strapi https://strapi.io @@ -54,7 +51,7 @@ Strapi is a free and open-source headless CMS delivering your content anywhere y - **Database agnostic.** Strapi works with SQL databases. You can choose the database you prefer: PostgreSQL, MySQL, MariaDB, and SQLite. - **Customizable.** You can quickly build your logic by fully customizing APIs, routes, or plugins to fit your needs perfectly. -## Features +### Features - Modern Admin Panel:Elegant, entirely customizable and a fully extensible admin panel. - Secure by default:Reusable policies, CORS, CSP, P3P, Xframe, XSS, and more. @@ -64,51 +61,31 @@ Strapi is a free and open-source headless CMS delivering your content anywhere y - Powerful CLI:Scaffold projects and APIs on the fly. - SQL databases:Works with PostgreSQL, MySQL, MariaDB, and SQLite. -## Strapi v4 - [Announcing Strapi v4](https://www.youtube.com/watch?v=qWKdF8N8LQU&list=PL7Q0DQYATmvjJyxrLw0xCOKwjv8Bh7yLx) - -https://design-system.strapi.io - -https://design-system-alpha.vercel.app - -https://github.com/strapi/strapi - -https://github.com/strapi/strapi-starter-next-corporate - -https://strapi.io/starters - -https://strapi.io/blog/user-authentication-in-next-js-with-strapi - -https://strapi.io/blog/how-the-strapi-marketing-team-uses-strapi - -https://strapi.io/showcases - -https://itnext.io/5-things-i-love-about-strapi-a-node-js-headless-cms-700b4fec544b - -[Strapi.js Crash Course | Headless CMS](https://www.youtube.com/watch?v=6FnwAbd2SDY) - -[Strapi CMS for content managers](https://www.youtube.com/watch?v=tbFmke56_UA&list=PL7Q0DQYATmvhRKC5UPPKHr9pFrdiGGgME) - -https://strapi.io/blog/virtual-event-starter-template-vercel-strapiconf - -https://strapi.io/blog/how-to-build-a-crud-app-with-react-and-a-headless-cms - -https://marmelab.com/blog/2020/06/18/build-an-application-in-fiften-minutes-using-strapijs.html - -react-admin strapi - https://github.com/nazirov91/ra-strapi-rest - -https://github.com/strapi/foodadvisor - -- strapi admin panel -- strapi automatic frontend -- https://strapi.io/demo - -https://jamstack.org/headless-cms - -https://www.contentful.com/r/knowledgebase/what-is-headless-cms - -https://www.storyblok.com/tp/headless-cms-explained - -[**https://www.gatsbyjs.com/docs/how-to/sourcing-data/headless-cms/**](https://www.gatsbyjs.com/docs/how-to/sourcing-data/headless-cms/) +### Strapi v4 - [Announcing Strapi v4](https://www.youtube.com/watch?v=qWKdF8N8LQU&list=PL7Q0DQYATmvjJyxrLw0xCOKwjv8Bh7yLx) + +- https://design-system.strapi.io +- https://design-system-alpha.vercel.app +- https://github.com/strapi/strapi +- https://github.com/strapi/strapi-starter-next-corporate +- https://strapi.io/starters +- https://strapi.io/blog/user-authentication-in-next-js-with-strapi +- https://strapi.io/blog/how-the-strapi-marketing-team-uses-strapi +- https://strapi.io/showcases +- https://itnext.io/5-things-i-love-about-strapi-a-node-js-headless-cms-700b4fec544b +- [Strapi.js Crash Course | Headless CMS](https://www.youtube.com/watch?v=6FnwAbd2SDY) +- [Strapi CMS for content managers](https://www.youtube.com/watch?v=tbFmke56_UA&list=PL7Q0DQYATmvhRKC5UPPKHr9pFrdiGGgME) +- https://strapi.io/blog/virtual-event-starter-template-vercel-strapiconf +- https://strapi.io/blog/how-to-build-a-crud-app-with-react-and-a-headless-cms +- https://marmelab.com/blog/2020/06/18/build-an-application-in-fiften-minutes-using-strapijs.html +- react-admin strapi - https://github.com/nazirov91/ra-strapi-rest +- https://github.com/strapi/foodadvisor + - strapi admin panel + - strapi automatic frontend + - https://strapi.io/demo +- https://jamstack.org/headless-cms +- https://www.contentful.com/r/knowledgebase/what-is-headless-cms +- https://www.storyblok.com/tp/headless-cms-explained +- [**https://www.gatsbyjs.com/docs/how-to/sourcing-data/headless-cms/**](https://www.gatsbyjs.com/docs/how-to/sourcing-data/headless-cms/) ## Popular CMSs @@ -171,3 +148,8 @@ https://github.com/estruyf/vscode-front-matter https://pages.cloudflare.com Cloudflare Pages is a JAMstack platform for frontend developers to collaborate and deploy websites. + +## Links + +- [Static Site Generators](frontend/others/static-site-generators.md) +- [Docusaurus](frontend/others/docusaurus.md) diff --git a/docs/frontend/frontend-intro/readme.md b/docs/frontend/frontend-intro/readme.md index a80eb01d746..fc04e635663 100755 --- a/docs/frontend/frontend-intro/readme.md +++ b/docs/frontend/frontend-intro/readme.md @@ -7,10 +7,7 @@ - [Microfrontend Architecture](microfrontend-architecture) - [UI / UX / IxD / Design / Frontend](ui-ux-ixd-design-frontend) - [Design System](design-system) -- [SEO / ASO](seo-aso) - - [Google Crawlers / Crawling](frontend/frontend-intro/google-crawlers-crawling.md) - [Gestalt Principles](gestalt-principles) -- [Web Vitals](web-vitals) - [Performance](frontend/frontend-intro/performance.md) - [PWA](frontend/frontend-intro/pwa.md) - [Others](frontend/frontend-intro/others.md) diff --git a/docs/frontend/frontend-intro/seo-aso.md b/docs/frontend/frontend-intro/seo-aso.md deleted file mode 100755 index 1b47dece31e..00000000000 --- a/docs/frontend/frontend-intro/seo-aso.md +++ /dev/null @@ -1,322 +0,0 @@ -# SEO / ASO - -### SEO - Search Engine Optimization - -### SMO - Social Media Optimization - -### SEM - Search Engine Marketing - -### ASO - App Store Optimization - -### SEM - Search Engine Marketing - -Search engine marketing is the practice of marketing a business using paid advertisements that appear on search engine results pages (or [SERPs](https://www.wordstream.com/serp)). Advertisers bid on keywords that users of services such as Google and Bing might enter when looking for certain products or services, which gives the advertiser the opportunity for their ads to appear alongside results for those search queries. - -https://blog.hubspot.com/marketing/search-engine-marketing - -## Tools - -[GitHub - serpapi/awesome-seo-tools: Curated list of awesome SEO tools](https://github.com/serpapi/awesome-seo-tools) - -[GitHub - madawei2699/awesome-seo: Google SEO Research and Web Traffic Monetization](https://github.com/madawei2699/awesome-seo) - -[Moz - Google Algorithm Update History](https://moz.com/google-algorithm-change) - -#### SEO Sites - -- [Semrush - Online Marketing Can Be Easy](https://semrush.com/) -- [SerpApi: Google Search API](https://serpapi.com/) -- https://developers.google.com/speed/pagespeed/insights -- https://sitechecker.pro -- https://seositecheckup.com/seo-audit/www.example.com -- https://www.seoptimer.com/deepaksood619.github.io -- https://app.neilpatel.com/en/seo_analyzer/site_audit -- https://answerthepublic.com -- https://stories.google -- https://purifycss.online -- https://moz.com -- [Rich Results Test - Google Search Console](https://search.google.com/test/rich-results) -- [POP: On-Page SEO & Content Optimization Tool Suite](https://www.pageoptimizer.pro/) -- [Ahrefs—Marketing Intelligence Tools Powered by Big Data.](https://ahrefs.com/) - -## Black Hat SEO - -Black hat SEO refers to a set of practices that are used to increases a site or page's rank in search engines through means that violate the search engines' terms of service. - -It's crucial to realize that implementing Black Hat SEO tactics and strategies can get your site banned from search engines, excluding you from the number one traffic referral source on the Internet. - -- Content Automation -- Doorway Pages -- Hidden Text or Links -- [Keyword](https://www.wordstream.com/keywords) Stuffing -- Reporting a Competitor (or [Negative SEO](https://www.wordstream.com/blog/ws/2012/04/20/negative-seo)) -- Sneaky Redirects -- Cloaking -- Link Schemes -- Guest Posting Networks -- Link Manipulation (including buying links) -- Article Spinning -- Link Farms, Link Wheels or Link Networks -- Rich Snippet Markup Spam -- Automated Queries to Google -- Creating pages, subdomains, or domains with [duplicate content](https://www.wordstream.com/duplicate-content) -- Pages with malicious behavior, such as phishing, viruses, trojans, and other malware - -https://www.wordstream.com/black-hat-seo - -https://unamo.com/blog/seo/8-risky-black-hat-seo-techniques-used-today - -https://blog.hubspot.com/marketing/black-hat-seo - -https://www.searchenginejournal.com/11-black-hat-techniques-can-kill-seo-campaign/180601/#close - -## White Hat SEO - -Generally, white hat SEO refers to any practice that improves your search rankings on a search engine results page ([SERP](https://www.wordstream.com/serp)) while maintaining the integrity of your website and staying within the search engines' terms of service. These tactics stay within the bounds as [defined](http://googlewebmastercentral.blogspot.com/2008/11/googles-seo-starter-guide.html) by Google. - -https://www.wordstream.com/white-hat-seo - -https://www.searchenginejournal.com/7-white-hat-seo-techniques-to-double-traffic/182243 - -cloudinary.com / imagekit with cloudfront for fast image CDN - -## Search Engine Results Page (SERP) - -https://www.wordstream.com/serp - -[Review Snippet (Review, AggregateRating) Structured Data | Google Search Central  |  Documentation  |  Google for Developers](https://developers.google.com/search/docs/appearance/structured-data/review-snippet) - -```html -