آموزش بهینه سازی موتورهای جستجو (SEO) برای طراحی وب استاتیک با استفاده از Hugo The Static Site Generator
Search Engine Optimisation (SEO) for Static Web Design using Hugo the Static Site Generator
این دوره در مورد بهبود وب سایت های Hugo از طریق روش های خوب بهینه سازی موتور جستجو است.
این دوره بسیار طولانی است، اما چیزهای زیادی برای گذراندن وجود دارد. سعی می کنم هر موضوع را با جزئیات کافی پوشش دهم تا شما را شروع کنم.
من همچنین بهینه‌سازی دارایی (JS، CSS، HTML. فونت SVG، تصاویر واکنش‌گرا) را پوشش می‌دهم، زیرا موتورهای جستجو به وب‌سایت‌هایی که سریع‌تر بارگیری می‌شوند ترجیح می‌دهند.
این پروژه شامل تعمیر یک وب سایت Hugo با طراحی ضعیف بود. هر کلاس مفهوم جدیدی را معرفی می کند و شما آن را در وب سایت اعمال می کنید. من فایل‌های مربوط به هر درس تکمیل شده را در زیر ارائه کرده‌ام تا در صورت نیاز به بررسی کد خود در برابر کد من باشید.
می‌توانید به‌صورت اختیاری SEO یکی از وب‌سایت‌های Hugo خود را بهبود بخشید.
پیوندهایی به کد خود و اسکرین شات ها در بخش پروژه ها ارائه دهید تا من و دانش آموزان بتوانیم در مورد دستاوردهای شما نظر بدهیم.
برای شروع، می‌توانید فهرست فایل‌های "start_here.zip" را در زیر دانلود کنید یا به مخزن GitHub در زیر بروید.
برای فایل‌های هر درس - این مخزن GitHub را ببینید و درس را از لیست شاخه‌ها انتخاب کنید. سپس می توانید یک فایل فشرده را دانلود کنید.
https://github.com/future-wd/course-hugo-seo-intro
درس 2 - شروع به کار
command - npm install (بعد از دانلود هر فایل درسی باید npm install را اجرا کنید)
- https://nodejs.org/
- https://github.com/gohugoio/hugo/releases
پیوندهای درس 3:
- https://getbootstrap.com/docs/5.0/getting-started/introduction/
- https://developers.google.com/search/docs/beginner/seo-starter-guide#uniquepagetitles
- https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML#setting_the_primary_language_of_the_document
- https://developers.google.com/search/docs/beginner/seo-starter-guide#descriptionmeta
- https://gohugo.io/content-management/summaries/
- https://gohugo.io/functions/truncate/
- https://gohugo.io/templates/output-formats/#list-output-formats
- https://gohugo.io/templates/pagination/
پیوندهای درس 4:
پیوندهای درس 5:
- https://developers.google.com/search/docs/beginner/seo-starter-guide#navisimportant
- https://developers.google.com/search/docs/beginner/seo-starter-guide#createsimplenavpage
- https://developers.google.com/search/docs/beginner/seo-starter-guide#show-useful-404-pages
پیوندهای درس 6:
- https://developers.google.com/search/docs/advanced/structured-data/product
پیوندهای درس 7:
- https://developers.google.com/search/docs/beginner/seo-starter-guide#usebreadcrumbs
- https://developers.google.com/search/docs/advanced/structured-data/breadcrumb
- https://gohugo.io/functions/replace/
- https://gohugo.io/functions/split/
- https://gohugo.io/functions/scratch/
پیوندهای درس 8:
- https://developer.twitter.com/en/docs/twitter-for-websites/cards/guides/getting-started
- https://developers.facebook.com/docs/sharing/webmasters/
- https://gohugo.io/templates/internal/
- https://github.com/gohugoio/hugo/tree/master/tpl/tplimpl/embedded/templates
پیوندهای درس 9:
- https://getbootstrap.com/docs/5.0/customize/optimize/#lean-javascript
- https://gohugo.io/hugo-pipes/js/
- https://esbuild.github.io/content-types/#javascript
- https://caniuse.com/?search=es6
- https://github.com/twbs/bootstrap/blob/main/.browserslistrc
پیوندهای درس 10
- https://getbootstrap.com/docs/5.0/customize/optimize/
- https://gohugo.io/hugo-pipes/postcss/
- https://gohugo.io/functions/replace/
پیوندهای درس 11
- https://gohugo.io/content-management/image-processing/
- https://gohugo.io/functions/sort/
- https://github.com/aFarkas/lazysizes
- https://github.com/aFarkas/lazysizes/tree/gh-pages/plugins/native-loading
پیوندهای درس 13
- https://gohugo.io/commands/hugo/#options
- https://gohugo.io/getting-started/configuration/#configure-minify
پیوندهای درس 14
- https://gohugo.io/templates/sitemap-template/
- https://gohugo.io/templates/robots/
پیوندهای درس 15:
- https://developers.google.com/search/docs/beginner/seo-starter-guide#mobile
- https://search.google.com/test/mobile-friendly
پیوندهای درس 16:
درس ها Lessons
-
بهینه سازی جاوا اسکریپت JavaScript Optimisation
-
اعتبار سنجی HTML و CSS Validate HTML and CSS
-
Breadcrumbs (HTML و JSON-LD Markup) Breadcrumbs (HTML and JSON-LD Markup)
-
OpenGraph و Twitter Meta OpenGraph and Twitter Meta
-
برچسب های بدن برای سئو Body Tags for SEO
-
بهینه سازی CSS CSS Optimisation
-
بهینه سازی HTML HTML Optimisation
-
معرفی Introduction
-
معرفی پروژه Introduction to the project
-
نقشه سایت و ارسال Sitemaps and Submission
-
اعتبار سنجی عملکرد نشانه گذاری Validate Markup Functionality
-
ساختار سایت برای سئو Site Structure for SEO
-
تگ های سر HTML HTML Head Tags
-
بهینه سازی فونت SVG SVG Font Optimisation
-
بهینه سازی تصویر و تصاویر واکنش گرا Image Optimisation & Responsive Images
-
لحن دقیق کلمات کلیدی SEO Fine tune SEO Keywords
-
نشانه گذاری ساختاریافته (JSON-LD) Structured Markup (JSON-LD)
-
طراحی موبایل اول Mobile First Design
درس ها Lessons
-
Breadcrumbs (HTML و JSON-LD Markup) Breadcrumbs (HTML and JSON-LD Markup)
-
برچسب های بدن برای سئو Body Tags for SEO
-
نقشه سایت و ارسال Sitemaps and Submission
-
معرفی Introduction
-
بهینه سازی تصویر و تصاویر واکنش گرا Image Optimisation & Responsive Images
-
نشانه گذاری ساختاریافته (JSON-LD) Structured Markup (JSON-LD)
-
معرفی پروژه Introduction to the project
-
OpenGraph و Twitter Meta OpenGraph and Twitter Meta
-
بهینه سازی CSS CSS Optimisation
-
ساختار سایت برای سئو Site Structure for SEO
-
بهینه سازی جاوا اسکریپت JavaScript Optimisation
-
بهینه سازی HTML HTML Optimisation
-
لحن دقیق کلمات کلیدی SEO Fine tune SEO Keywords
-
طراحی موبایل اول Mobile First Design
-
بهینه سازی فونت SVG SVG Font Optimisation
-
اعتبار سنجی عملکرد نشانه گذاری Validate Markup Functionality
-
تگ های سر HTML HTML Head Tags
-
اعتبار سنجی HTML و CSS Validate HTML and CSS
نمایش نظرات
نظری ارسال نشده است.
https://donyad.com/d/9ea379
آموزش دوره شیرینی ژاپنی شماره 1 کیک رول ژاپنی
Japanese Pastry Course #1 Japanese Roll cake
"اگر می خواهید زمان را برای جستجوی یک دستور غذای خوب از میان میلیون ها منبع رایگان هدر ندهید، دیگر به دنبال آن نباشید، می توانید مهارت های حرفه ای را با من بیاموزید..."
آموزش اسرار استفاده از اشیاء هوشمند در Photoshop CC - طراحی گرافیکی برای کلاس ناهار
Secrets of Using Smart Objects in Photoshop CC - A Graphic Design for Lunch™ Class
رازهای استفاده از اشیاء هوشمند در Photoshop CC - طراحی گرافیکی برای کلاس ناهار اشیاء هوشمند یکی از ویژگی های فتوشاپ هستند که برای هر کدام کاربردهای بی شماری دارند. .."
آموزش با ابزار الگوهای جدید در فتوشاپ 2021 الگوها بسازید - طراحی گرافیکی برای کلاس ناهار
Make Patterns with the New Pattern Tool in Photoshop 2021 - A Graphic Design for Lunch™ Class
"ویژگی جدیدی در فتوشاپ 2021 اضافه شد که ساختن الگوها در فتوشاپ را بسیار ساده تر از همیشه می کند. در حالی که به آن "Pattern Preview the..." می گویند.
آموزش منظره انتزاعی مدرن | نسخه نمایشی جایزه نقاشی ترکیبی و اکریلیک
Modern Abstract Landscape | Mixed Media and Acrylic Painting BONUS Demo
" پاداش: لطفاً بخش منابع را برای اصول ارائه هنر، راهنمای رنگ، راهنمای سریع رنگ، کلاژ چیست؟ ، و راهنمای کلاس اول و اول. .."
Sean Emerson
توسعه دهنده وب و متخصص سایت استاتیک
Skillshare (اسکیل شیر)
اسکیل‌شر یک پلتفرم آموزشی آنلاین است که به میلیون‌ها افراد در سراسر جهان امکان یادگیری مهارت‌های جدید را فراهم می‌کند. این پلتفرم با ارائه دوره‌های متنوع در زمینه‌هایی از جمله هنر و طراحی، فناوری، کسب و کار، و زندگی موفق، به کاربران خود این امکان را می‌دهد تا به صورت آنلاین به یادگیری بپردازند.
یکی از ویژگی‌های منحصر به فرد سکیل‌شر، ارائه دوره‌های تدریس شده توسط صاحبان مهارت‌ها و افراد موفق در زمینه‌های مختلف است. این امر باعث می‌شود که کاربران از تجربیات و دانش عملی افرادی که در حوزه‌های مورد نظرشان موفق عمل کرده‌اند، بهره‌مند شوند و بهترین اطلاعات را برای بهبود مهارت‌های خود دریافت کنند. به این ترتیب، سکیل‌شر نه تنها یک پلتفرم آموزشی است، بلکه یک جامعه آموزشی است که افراد را به اشتراک گذاری دانش و تجربیات تشویق می‌کند و به آنها کمک می‌کند تا در مسیر پیشرفت و موفقیت خود ادامه دهند.