نقشهٔ راه
به همین ترتیب پیش بروید. هر بخش فرض می‌کند بخش قبلی انجام شده.
- نصب سایتچهار گام تا سایت کامل روی سرور
- سئوشش چیز که روی سایت زنده اندازه‌گیری شد و اینجا درست است. پنج تایش هزینه‌ای جز یک تصمیم ندارد.
- خروجی المنتور — ۹ صفحه، ۳۱ سکشن ماژولارقطعه‌ها، کلاس‌ها و اعدادی که داخل صفحه می‌سازی
- عکس‌هاانتخاب، برش و جای‌گذاری نهایی
- نجات سایت قدیمیفایل‌های لازم از past.amintavakoli.ir
نصب سایت
چهار گام تا سایت کامل روی سرور
نصب سایت — نسخهٔ ماژولار
همه‌چیز المان واقعی المنتور است. در پنل باز می‌شود، ویرایش می‌شود، و آزاد است.
علت واقعی خرابی — یک خط زیر، نه یک خطا
دیتابیس خودِ سایت شما را بررسی کردم. جواب قطعی بود:
| نوع المان | کلید درست | چند نمونه در سایت شما |
|---|---|---|
section | css_classes (بدون خط زیر) | ۲٬۷۲۰ از ۴٬۴۶۷ سکشن — ۶۱٪ |
column | css_classes (بدون خط زیر) | ۲٬۱۶۲ ستون |
widget | _css_classes (با خط زیر) | ۹۶۱ ویجت |
من برای هر سه _css_classes گذاشته بودم. برای سکشن و ستون، المنتور تنظیمی را می‌دید که نمی‌شناسد و بی‌صدا دورش می‌ریخت — نه پیام خطا، نه هشدار. فقط کلاس نمی‌رسید و طراحی مرده بود.
سایت شما هم نشان می‌دهد که صفر سکشن کلید اشتباه دارد. یعنی این روش روی سایت خودتان امتحان شده و کار می‌کند.
لوگو
لوگو اصلاح شد — فقط رنگ، سیلوئت دست‌نخورده
فرم لوگوی شما دقیقاً حفظ شد: سر، پاپیون، خط شانه، نقطهٔ پایین، و جیب تاشده. آنچه عوض شد فقط رنگ است، چون لوگوی قبلی با برندبوک جدید هماهنگ نبود:
| بخش | قبل | بعد | دلیل |
|---|---|---|---|
| بدنه | #1F2A63 | #0A1628 | آبی سلطنتی پررنگ → سرمه‌ای ۹۰۰ برند. حالا لوگو و سایت دقیقاً یک رنگ‌اند. |
| پاپیون | #E8232A | #0B7C75 | قرمز اصلاً در پالت نیست. فیروزه‌ای ۷۰۰ همان رنگ تأکیدی است که در کل سایت نقش تأکید دارد. |
| جیب | #FFFFFF | #7FA8D4 | جیب سفید روی زمینهٔ شفاف، روی هدر سفید نامرئی می‌شد. |
چیزی که خودکار انجام می‌شود
لوگو داخل خودِ پوشهٔ قالب است، نه کتابخانهٔ رسانه. یعنی هیچ پاک‌سازی کشی یا مشکل دیتابیسی نمی‌تواند سایت را بدون لوگو بگذارد. به محض فعال کردن قالب:
- فاوآیکن سایت (۱۶، ۳۲، ۱۸۰ پیکسل) عوض می‌شود
- لوگوی هدر از فایل SVG بارگذاری می‌شود — در هر بزرگ‌نمایی تیز است و فایل ریتا جدا نمی‌خواهد
برای جایگزینی: اگر خواستید بعداً از پنل عوض کنید، نمایش ← سفارشی‌سازی ← لوگوی سفارشی. آن تنظیم برند روی فایل قالب می‌نشیند.
فایل‌های تحویلی
| فایل | کجا استفاده می‌شود |
|---|---|
lockup-light.svg | هدر روی زمینهٔ روشن — لوگو + نام |
lockup-dark.svg | هدر روی زمینهٔ سرمه‌ای |
mark.svg | نسخهٔ برداری، رنگ سرمه‌ای با پاپیون فیروزه‌ای |
mark-on-navy.svg | نسخهٔ برداری برای باند تیره (بدنه سفید) |
mark-mono.svg | تک‌رنگ، برای چاپ یا فیلتر |
mark-512.png | شبکه‌های اجتماعی، ارائه، واترمارک |
favicon-32.png · apple-touch-icon-180.png | فاوآیکن |
ساختار چطور شد
| چیز | چطور ساخته شده | در پنل چه می‌بینید |
|---|---|---|
| بخش رنگی | یک section با css_classes | یک بخش، با کلاس at-band |
| کارت | یک column با css_classes | ستون واقعی، قابل جابه‌جایی |
| گرید ۳ تایی | یک بخش با ۳ ستون | سه ستون، قابل تغییر عرض |
| متن | ویجت text-editor | متن قابل ویرایش |
| تیتر | ویجت heading | تیتر با انتخاب سطح |
| عکس | ویجت image | عکس با انتخاب از کتابخانه |
| دکمه | ویجت button | دکمه با تنظیم لینک |
هیچ ویجت html وجود ندارد. همه‌چیز المان بومی المنتور است.
گام ۱ · قالب را دوباره بارگذاری کنید
واجب است. نسخهٔ روی سرور شما functions.php قدیمی دارد که آدرس style.css را خراب می‌کرد، و at-site.css قدیمی دارد که کلاس‌های ستونی را نمی‌شناسد.
- فایل
hello-child.zip— ۸٫۳ کیلوبایت - نمایش ← پوسته ← افزودن ← بارگذاری پوسته ← جایگزینی با پوستهٔ فعلی ← نصب ← فعال کردن
- اگر پرسید پوشه از قبل هست، حتماً جایگزینی را بزنید
تست: این آدرس باید متن CSS بدهد:
amintavakoli.ir/wp-content/themes/hello-child/at-site.css
گام ۲ · عکس‌ها
فایل site-images.zip را باز کنید. پوشهٔ 2026-10 با ۱۰ عکس را به این مسیر ببرید:
تست قطعی: amintavakoli.ir/wp-content/uploads/2026/10/amin-hero.jpg
باید عکس بدهد. اگر مسیر شد 2026-10/2026-10/، یک لایه اضافه است — هر دو لایه را باز کنید و فایل‌ها را مستقیم در 2026/10 بگذارید.
گام ۳ · چهار فایل SQL
| # | فایل | چه می‌کند |
|---|---|---|
| ۱ | 1-images.sql | ۱۰ پیوست در کتابخانهٔ رسانه |
| ۲ | 2b-update-pages.sql | محتوای ماژولار ۹ صفحه — همین را بزنید |
| ۳ | 3-menu.sql | منوی ۸ آیتمی واقعی |
| ۴ | 4-settings.sql | صفحهٔ اصلی، پیوندها، رنگ‌ها، حذف اسپم |
چرا ۲b و نه ۲؟ صفحه‌های شما از قبل هستند (۹۱۰۱ تا ۹۱۰۹). فایل 2-pages.sql صفحهٔ جدید می‌سازد و نُه نسخهٔ تکراری به‌وجود می‌آورد. 2b فقط محتوای همان صفحه‌های موجود را جایگزین می‌کند.
گام ۴ · پاک‌سازی
- فایل
at-probe.phpرا از هاست پاک کنید - تنظیمات ← پیوندهای یکتا ← بدون تغییر ذخیره
- LiteSpeed Cache ← پاک‌سازی همه (اگر دارید)
- در مرورگر
Ctrl + Shift + R
بعد از نصب — ویرایش در پنل
متن‌ها
روی هر متن کلیک کنید، مستقیم در پنل تایپ کنید. ویجت استاندارد المنتور است.
رنگ و فاصلهٔ کلی
دو فایل، هر کدام یک کار:
at-site.css— شکل کارت‌ها، گریدها، دکمه‌هاtokens.css— همهٔ رنگ‌ها و فاصله‌ها
عوض کردن رنگ سرمه‌ای در کل سایت = یک خط در tokens.css.
جابه‌جایی یک کارت
کارت‌ها ستون واقعی هستند. در تب پیمایشگر المنتور (Navigator) آن‌ها را می‌بینید و می‌توانید بکشید و رها کنید. ترتیبشان واقعاً عوض می‌شود.
آنچه این نسخه خراب کرد و درست شد
| موضوع | قبل | حالا |
|---|---|---|
| ساختار | HTML داخل ویجت | ۵۸ سکشن و ۱۱۷ ستون واقعی |
| ویرایش | کد HTML | پنل المنتور |
| کلاس‌ها | کلید اشتباه، بی‌صدا حذف | کلید درست، ۸۷ ستون کلاس‌دار |
| گرید | دیویسمان | ستون واقعی، قابل تغییر |
محتویات بسته
| فایل | محتوا |
|---|---|
hello-child.zip | ۲۳٫۲ کیلوبایت — قالب فرزند + لوگو |
site-images.zip | ۱٫۱ مگابایت — ۱۰ عکس |
sql/1-images.sql | ۶ کیلوبایت |
sql/2b-update-pages.sql | ۱۹۶ کیلوبایت — محتوای ماژولار |
sql/3-menu.sql | ۸ کیلوبایت |
sql/4-settings.sql | ۶ کیلوبایت |
elementor-data/ | ۹ فایل JSON، اگر خواستید دستی درون‌ریزی کنید |
سئو
شش چیز که روی سایت زنده اندازه‌گیری شد و اینجا درست است. پنج تایش هزینه‌ای جز یک تصمیم ندارد.
این صفحه از اندازه‌گیری روی سایت زنده آمده، نه از حافظه. سایت روی
WordPress 7.1.2 با Rank Math Pro و Elementor Pro بالا آمده و
canonical، robots، lang="fa-IR"، هفت تگ Open Graph، هفت تگ Twitter،
یک گراف JSON-LD، robots.txt و نقشهٔ سایت دارد. یعنی سئو نصب است و
کار می‌کند.
آنچه در ادامه می‌آید **افزودن سئو نیست**. شش چیزی است که اندازه‌گیری شد، پنج تایش هزینه‌ای جز یک تصمیم ندارد، و یکی از آن‌ها تنها چیزی است که واقعاً از آنچه تا حالا به دست آمده کم می‌کند.
صفحه هیچ h1 ندارد
چهل عنوان در صفحه هست و همه‌شان h2 یا پایین‌ترند. حتی نام
«امین توکلی» یک h2 است.
h1 تنها تگی است که می‌گوید این صفحه دربارهٔ چیست. نبودش یعنی موتور
جست‌وجو باید از ده‌ها عنوان حدس بزند، و آن حدس را برای هر صفحه جدا می‌زند.
در این سایت خاص بدتر هم هست: عنوان‌های تکراری پایین صفحه دوباره همان عنوان‌ها
را تکرار می‌کنند، پس حدس از ده‌ها عنوانِ نصفه‌تکراری می‌آید.
در المنتور: ویجت «Heading» هر صفحه را روی H1 بگذار، بقیه‌ی عنوان‌ها
H2 به بالا. در موکاپ هر هشت صفحه یک h1 دارند و هیچ‌کدام سطح
پرش‌دار نیستند — قاعده‌ی عنوان‌ها را از روی آن‌ها بردار.
عنوان صفحهٔ خانه «خانه» است
<title> زنده: «خانه - امین توکلی». عنوان، پرکنترین رشته‌ای است
که در اختیار اوست و اینجا صرف شده روی کلمهٔ «خانه».
عنوانی که در نتیجهٔ جست‌وجو دیده می‌شود باید بگوید صفحه چه کسی را در چه چیزی نگه داشته. «خانه» هیچ‌کدام نیست.
عنوان هر هشت صفحه در نوار بالای همان صفحه در موکاپ نوشته شده، با طولش. کپی کن، یا بنویس. ولی ننویس «خانه».
توضیح، سه کلمهٔ انگلیسی است
<meta name="description"> زنده برابر است با
ENTREPRENEUR · CEO · BUILDER — همان eyebrow بالای صفحه. این متن زیر عنوان،
در نتیجهٔ هر جست‌وجویی که اسمش می‌آید، دیده می‌شود.
سه کلمهٔ لاتین روی صفحه‌ای lang="fa-IR". ضمناً اصلاً توضیح نیست: سه
صفت بدون آنکه بگوید کسی هست یا چه می‌کند.
گیت این پروژه هر توضیح را بین ۱۱۰ و ۱۷۰ نویسه می‌خواهد و دست‌کم یک عدد دارد که بتوان آن را با بقیهٔ سایت راستی‌آزمایی کرد. هر هشت توضیح در نوار صفحهٔ خودش نوشته شده.
شش آدرس در نقشهٔ سایت که نباید باشند
نقشهٔ سایت زنده شانزده آدرس دارد و شش تایش یکی از این سه حالت‌اند: همان صفحه با نام دیگر، همان صفحه دوبار، یا صفحه‌ای که اصلاً نباید ایندکس شود.
وقتی یک صفحه پنج آدرس داشته باشد، موتور جست‌وجو باید یکی را انتخاب کند و خودش انتخاب می‌کند. یعنی اعتباری که جمع شده بین پنج آدرس پخش می‌شود، و هیچ‌کدام کامل آن را نمی‌گیرد.
این تنها موردی است که سایت الان دارد و با canonical حل می‌شود.
اگر «خانه» را به‌عنوان یک برگهٔ جدا ساخته‌ای و واقعاً به آن نیاز داری، canonical
اش را روی / بگذار. اگر نمی‌خواهی، آن برگه را پاک کن.
سه عکس بدون توضیح، یکی با نام فایل، هیچ‌کدام بدون اندازه
alt="" یعنی «تزئینی، رد شو» — نه «توضیح ندارد». روی سایتی که عکس‌ها
بخشی از استدلال‌اند، سه عکسِ صحبت‌کردن و معماری برای صفحه‌خوان هیچ هستند.
چهارمی alt="mark-256" دارد — یعنی نام فایل، به‌عنوان توضیح خودش.
اندازه مهم‌تر از آن است که به نظر می‌رسد. بدون width و
height مرورگر برای عکس جا رزرو نمی‌کند، پس هر عکس که می‌رسد متن
زیرش را پایین می‌راند. این همان cumulative layout shift است — یکی از
Core Web Vitals، و روی صفحه‌ای که بیشترش عکس است بزرگ‌ترین عدد کارایی سایت.
دو صفت هزینه دارد.
هر ده توضیح نوشته شده — با نگاه‌کردن به خود عکس، نه از روی نام فایل — و در
elementor/v4/photos.mjs است، با اندازهٔ واقعی هر فایل کنارشان.
check-photos.mjs هر دو را می‌خواند و اگر عددی با فایل نخواند
نمی‌گذرد.
در المنتور: برای هر ویجت تصویر، «Size» را روی Full بگذار و کلاس را دستی وارد نکن — المنتور خودش می‌نویسد اگر تنظیماتش دست‌نخورده باشد.
تصویر اشتراک‌گذاری، canonical، و دادهٔ ساخت‌یافته
سایت زنده og:image ندارد — یعنی هر لینکی که فرستاده می‌شود یک
کادر خالی نشان می‌دهد، و برای یک برند شخصی این اولین تصوری است که از او ساخته
می‌شود.
کارت ساخته شده: photos/share/og-image.jpg، ۱۲۰۰×۶۳۰، ۷۲ کیلوبایت،
با نامش، یک جمله، چهار مسیر، و عکسش. در سرِ موکاپ نوشته شده و روی نوار هر هشت
صفحه چاپ می‌شود.
canonical هر صفحه روی نوار بالای همان صفحه نوشته شده:
| صفحه | canonical |
|---|---|
| خانه | https://amintavakoli.ir/ |
| دربارهٔ من | https://amintavakoli.ir/about/ |
| کسب‌وکارها | https://amintavakoli.ir/businesses/ |
| همکاری | https://amintavakoli.ir/collaborate/ |
| نمونه‌کارها | https://amintavakoli.ir/work/ |
| روش کار | https://amintavakoli.ir/method/ |
| رسانه و مستندات | https://amintavakoli.ir/credentials/ |
| تماس | https://amintavakoli.ir/contact/ |
دادهٔ ساخت‌یافته — سایت زنده یک گراف دارد که Person و
Organization را روی یک گره گذاشته. این یعنی «شخص همان سازمان
است»؛ برای یک نفرِ مستقل درست است و به‌محض آنکه پشتش شرکتی باشد غلط — و یکی از
چهار مسیری که offer می‌کند سرمایه‌گذاری در یک شرکت است.
آنچه یک موتور جست‌وجو با Person می‌کند و با h1 نمی‌کند،
نشان‌دادن کارت دانش است. روی سایت شخصی، این تنها چیزی است که رقیب نمی‌تواند
کپی کند — چون تنها چیزی است که واقعی است.
sameAs عمداً خالی گذاشته شده. آدرس اینستاگرام و لینکدین را باید از او
گرفت؛ یک آدرس حدسی یعنی لینک به صفحهٔ کس دیگر. آرایهٔ خالی یعنی «هیچ صفحهٔ
عمومی ندارد» و نبودِ فیلد یعنی هیچ ادعایی نیست.
چهار بخش، هر کدام دو بار، در یک صفحه
در صفحهٔ خانهٔ زنده، این چهار عنوان هر کدام دو بار آمده‌اند:
محتوای تکراری در یک صفحه دو هزینه دارد: خواننده نیم صفحه را دوباره می‌خواند، و موتور جست‌وجو نمی‌داند کدام نسخه وزن دارد — پس به هر دو کم می‌دهد.
در المنتور: نمای «Navigator» را باز کن. اگر دو سکشن با یک عنوان داری، یکی‌شان
برای دسکتاپ و یکی برای موبایل است — که باید باشد، اما باید با
@media پنهان شود نه با کپی دوم. اگر واقعاً دو تا هست، یکی را
بردار یا عنوانش را عوض کن.
و یک چیز جدا: نوار عنوان زنده «سه راه» می‌گوید و سه کارت نشان می‌دهد، در حالی که چهار مسیر وجود دارد و **چهارمی روی هیچ صفحهٔ خانه‌ای نبود**. مسیر چهارم «سرمایه‌گذاری هوشمند روی ایدهٔ در حال ساخت» است — همان که به‌جای پول، ابزار و زیرساخت می‌آورد. در موکاپ هر دو درخت درست شده‌اند و کارت‌ها از یک فهرست ساخته می‌شوند، پس پنجمی هم خودش اضافه می‌شود.
آنچه عمداً اینجا نیست: چگالی کلیدواژه. سی سال است که معنایی ندارد، صفحه‌ای
که از آن رد شود صفحه‌ای است که برای یک ابزار نوشته شده، و گزارش‌کردنش یعنی
گزارش یک عدد بی‌ربط به‌جای یک ظاهر سخت‌گیرانه. همچنین: پنج «تگ پیشنهادی» که
Rank Math پر می‌کند — تگ‌ها جای متن ساختاریافته را نمی‌گیرند و فقط
meta keywords را پر می‌کنند که هیچ موتوری از آن استفاده نمی‌کند.
دو چیز که این فهرست نتوانست بنویسد و از او می‌خواهد: آدرس اینستاگرام و لینکدین
برای sameAs، و تصمیم دربارهٔ دو برگهٔ /my-account/ و
/checkout — حذف، یا noindex.
خروجی المنتور — ۹ صفحه، ۳۱ سکشن ماژولار
قطعه‌ها، کلاس‌ها و اعدادی که داخل صفحه می‌سازی
خروجی المنتور — ۹ صفحه، ۳۱ سکشن ماژولار
فایل JSON بومی المنتور · کانتینر فیکس‌باکس · کاملاً ریسپانسیو · قابل ادیت در پنل
چه چیزی تحویل می‌گیرید
یک فایل amin-tavakoli-elementor-kit.zip که با یک کلیک در المنتور درون‌ریزی می‌شود. داخلش ۴۰ قالب است: ۳۱ سکشن مستقل و ۹ صفحهٔ کامل. هر سکشن جداگانه قابل استفاده است — می‌توانید یک سکشن را در هر صفحه‌ای که خواستید بگذارید.
۱ · فایل کجاست
| مسیر | توضیح |
|---|---|
| elementor\out\amin-tavakoli-elementor-kit.zip | فایلی که در المنتور درون‌ریزی می‌کنید — تنها چیزی که لازم دارید |
| elementor\out\sections\ | ۳۱ سکشن، هرکدام یک فایل JSON مستقل |
| elementor\out\pages\ | ۹ صفحهٔ کامل، هرکدام یک فایل JSON |
| elementor\out\static\ | نسخهٔ HTML هر سکشن — برای دیدن نتیجه بدون المنتور |
| elementor\preview\index.html | پیش‌نمایش زنده با دکمهٔ تست موبایل/تبلت/دسکتاپ |
| elementor\lib\ + content\ + build.mjs | کد تولیدکننده — اگر خواستید متنی را عوض کنید، یک‌بار ویرایش و دوباره بیلد |
۲ · مراحل درون‌ریزی
- قبل از هر چیز: فونت را تنظیم کنید. المنتور → Settings → Global Fonts → Primary را روی
Vazirmatnبگذارید. قالب‌ها فونت را در هر ویجت هم ست کرده‌اند، ولی این کار پشتیبان است. - ده عکس را آپلود کنید. از پوشهٔ photos\site\ همه را در Media Library بگذارید. جمع ۱٬۱۰۵ کیلوبایت است.
- قالب را درون‌ریزی کنید. المنتور → Templates → Import / Export Kit → فایل zip را انتخاب کنید. (اگر این گزینه را نمی‌بینید، با
Import Templatesدر نسخهٔ حرفه‌ای وارد شوید — ساختار فایل یکسان است.) - صفحه را بسازید. یک صفحهٔ خالی بسازید، روی آیکون پوشه (+) بزنید → My Templates → قالب مورد نظر را درج کنید.
- تصاویر را وصل کنید. داخل هر ویجت تصویر کلیک کنید و فایل آپلودشده را انتخاب کنید. JSON فقط آدرس placeholder دارد.
- بررسی نهایی. عرض صفحه را روی ۷۶۸ و ۳۹۰ بگذارید — چیدمان باید خودش جمع شود. سپس از دکمهٔ Responsive در خود المنتور استفاده کنید.
روی «پیش‌نمایش زنده» کلیک کنید — با دکمهٔ «نمایش هر سه عرض» می‌توانید هم‌زمان دسکتاپ، تبلت و موبایل را ببینید. این فایل کاملاً مستقل است و با دابل‌کلیک باز می‌شود؛ نیازی به سرور ندارد.
اگر دکمهٔ Import / Export Kit را نمی‌بینید
آن دکمه در نسخه‌های جدید المنتور هست ولی ممکن است زیر مسیر دیگری باشد: Templates → Saved Templates → Import / Export Kit. اگر باز هم نبود، بگویید نسخهٔ المنتورتان چند است — راه جایگزین برایت می‌سازم (ویجت HTML یا قالب‌های تکی).
۳ · ریسپانسیو چطور کار می‌کند
هر فاصله و هر عرض، نسخهٔ جداگانه برای سه حالت دارد — دسکتاپ، تبلت (زیر ۱۰۲۴)، موبایل (زیر ۷۶۷). این‌ها در JSON به‌صورت کلیدهای تو در توی tablet و mobile ذخیره شده‌اند که دقیقاً همان چیزی است که المنتور می‌خواند.
| مورد | دسکتاپ | تبلت | موبایل |
|---|---|---|---|
| پدینگ بخش‌ها | ۸۸ پیکسل | ۶۴ پیکسل | ۴۸ پیکسل |
| پدینگ افقی | ۲۰ پیکسل | ۲۰ پیکسل | ۱۶ پیکسل |
| گسِت شبکه | ۱۸ تا ۲۰ پیکسل | همان | ۱۲ تا ۱۴ پیکسل |
| ستون‌های ۳ تایی | ۳۳٪ / ۳۳٪ / ۳۳٪ | ۵۰٪ / ۵۰٪ | ۱۰۰٪ |
| ستون‌های ۲ تایی | ۵۰٪ / ۵۰٪ | ۵۰٪ / ۵۰٪ | ۱۰۰٪ |
| هدر صفحهٔ خانه | متن ۵۸٪ + عکس ۳۶٪ | زیر هم | زیر هم |
| فاصلهٔ گسِت هدر | ۴۰ پیکسل | ۳۰ پیکسل | ۲۴ پیکسل |
پوشش ریسپانسیو: ۴۴٪ تا ۹۲٪ کانتینرها در هر سکشن، بسته به پیچیدگی. سکشن‌های تک‌ستونه مثل «نقل قول» عمداً نسخهٔ موبایل جدا ندارند چون نیازی ندارند.
۴ · ساختار سکشن‌ها
هر سکشن مستقل است. یعنی می‌توانید فقط «سخنرانی و رویدادها» را از صفحهٔ رسانه بردارید و در صفحهٔ دربارهٔ من بگذارید — بدون هیچ وابستگی.
| صفحه | تعداد | سکشن‌ها |
|---|---|---|
| خانه | ۶ | هدر · دو سیستم · مسیرهای همکاری · رسانه · نقل قول · شروع گفتگو |
| دربارهٔ من | ۳ | معرفی · مسیر · باور کاری |
| کسب‌وکارهای من | ۴ | کسب‌وکارها · دو کسب‌وکار فعال · ایدهٔ سوم · نقل قول |
| همکاری | ۳ | سه مسیر · تخصص محوری · شفافیت |
| نمونه‌کارها | ۳ | پنج پروژه · پروژه‌ها · پروژهٔ شما |
| روش کار | ۳ | پنج مرحله · شفافیت و پیش‌نیاز · سؤال پرتکرار |
| رسانه و مستندات | ۶ | آنچه دیگران گفته‌اند · مصاحبه‌ها · اعتبارهای نهادی · سخنرانی · حضور دیجیتال · شکاف‌ها |
| مقالات | ۱ | سه مقاله + سه موضوع بعدی |
| تماس | ۲ | انتخاب مسیر + فرم · راه‌های تماس |
۵ · رنگ‌های برند برای Global Colors
قالب‌ها رنگ را در هر ویجت به‌صورت hex صریح نوشته‌اند تا همیشه درست باشد. برای اینکه بعداً تغییر رنگ سایت آسان باشد، این‌ها را در Elementor → Settings → Global Colors هم ثبت کنید.
قانون نقش رنگ‌ها: سرمه‌ای = ساختار · پتroleumیوم = تأکید (برچسب، عدد اصلی، نقطهٔ فهرست، نوار کنار عنوان، لینک، سربرگ جدول) · کهربایی = فقط عدد. پتroleumیوم نباید بیشتر از ۵ تا ۸ درصد سطح هر صفحه را بگیرد.
۶ · ده عکسی که باید آپلود کنید
۷ · دو نکتهٔ فنی که نباید رد شوید
RTL و فرم تماس
- قالب باید RTL باشد. اگر چیدمان آینه شد، زبان سایت را در Settings → General روی فارسی بگذارید و از قالب RTL استفاده کنید (Hello، Astra، Generate یا OceanWP).
- فرم تماس بدون بک‌اند کار نمی‌کند. ویجت فرم در صفحهٔ تماس فقط ظاهر است. باید به یک سرویس واقعی وصل شود — Formidable Forms، WSForm، یا Fluent Forms. بدون آن، فرم فقط ورودی‌ای است که هیچ‌جا نمی‌رود.
- نشانی مقصد فرم را همین‌جا وارد کنید.
hello@amintavakoli.ir— در تنظیمات هر فرم‌ساز یک فیلد «ارسال به» یا «Send To» هست. اگر خالی بماند، یا به نشانی پیش‌فرض سازنده می‌رود، یا هیچ‌جا. نشانی دامنهٔ اختصاصی است، نه یک نشانی رایگان، و همین یکی از دلایلی است که پیام‌های دامنهٔ شخصی به اسپم نمی‌روند. - اگر فرم‌ساز نصب نکرده‌اید. بگویید تا کوتاه‌ترین مسیر را بگویم. بدون فرم واقعی، دکمهٔ «ارسال درخواست» روی صفحهٔ تماس کار نمی‌کند — و آن تنها صفحه‌ای است که کارش گرفتن درخواست است.
اگر متنی را عوض کردید
متن‌ها داخل فایل‌های elementor\content\*.mjs هستند، نه داخل خود JSON. بعد از هر ویرایش این سه دستور را اجرا کنید:
cd D:\ai all chat\elementor
node build.mjs
node validate.mjs
powershell -File make-kit.ps1
validate.mjs ساختار را چک می‌کند: لینک شکسته، شناسهٔ تکراری، متغیر CSS تعریف‌نشده، و نشتی مقدار در CSS. اگر مشکلی باشد، خروجی zip ساخته نمی‌شود.
عکس‌ها
انتخاب، برش و جای‌گذاری نهایی
عکس‌ها آماده و جای‌گذاری شدند
از ۵۱ فایل، ۱۰ عکس انتخاب و آماده شد · همه زیر ۲۰۰ کیلوبایت
وضعیت
عکس‌هایی که فرستادید پردازش و در موکاپ سایت جای‌گذاری شدند. نسخه‌های اصلی شما دست‌نخورده در photos\raw\ ماندند. خروجی‌های وب در photos\site\ هستند.
۱ · کشف مهم: عکس‌های شما رنگ برند را حمل می‌کنند
این تصادفی نیست. انتخاب لباس و لوکیشن، زبان بصری‌ای ساخته که با پالت برند هم‌خوان است.
| آنچه در عکس می‌بینیم | معادل در برند |
|---|---|
| پارکای و کت سرمه‌ای | #1E3A5F — سرمه‌ای ساختار |
| شال قرمز | کهربایی — رنگ تأکید |
| کاشی و شیشهٔ فیروزه‌ای | #0B7C75 — پتroleumیوم |
| انگشتر فیروزه‌ای | تقریباً دقیقاً همان رنگ |
| کت مشکی و پس‌زمینهٔ تیرهٔ شب | #0A1628 — سرمه‌ای هدر |
نتیجه: بدون یک ویرایش رنگی، عکس‌های شما با پالت هماهنگ‌اند. این کار معمولاً ساعت‌ها ویرایش می‌برد.
۲ · انتخاب‌های نهایی
ده عکس. هرکدام با دلیل انتخاب شده.
۳ · هدر سایت چطور می‌شود
عکس amin-hero.jpg کنار متن هدر خانه. تیرگی عکس با سرمه‌ای ترکیب می‌شود و دایره‌های رنگی بوکه، کهربایی و فیروزه‌ای برند را تکرار می‌کنند.
از سال ۱۳۸۳.
۴ · یک نکتهٔ صادقانه دربارهٔ ترکیب عکس‌ها
۶۰٪ کتابخانهٔ عکس شما غیررسمی است
از ۳۸ عکس یکتا، حدود ۲۳ عکس از یک روز کنار استخر و معماری تهران است: پارکا، شال قرمز، عینک آفتابی، محوطهٔ تفریحی. این عکس‌ها خوب و باکیفیت‌اند — ولی خوانش‌شان «تفریح» است، نه «مدیرعامل».
برای همین فقط دو تا از آن‌ها در سایت استفاده شده — آن هم در صفحهٔ «دربارهٔ من»، نه هدر. عکس‌های کت مشکی، ستون اصلی برند شما هستند.
اگر در آینده عکس رویدادی بیشتری گرفتید، اولویت با کت و پیراهن باشد، نه پارکا.
سه دسته که کنار گذاشته شد
- سلفی با گوشی — رابط دوربین آیفون دیده می‌شود و پشت‌زمینه تار است. بامزه است، برند نیست.
- عینک آفتابی — چشم مهم‌ترین بخش ارتباط غیرکلامی است. با عینک آفتابی تماس چشم از بین می‌رود.
- سالن با جمعیت زیاد — چهره قابل تشخیص نیست. (تنها استثنا:
amin-audience.jpgکه برای اثبات مقیاس نگه داشته شد، نه برای چهره.)
۵ · مشخصات فنی خروجی‌ها
| فایل | ابعاد | حجم | کاربرد |
|---|---|---|---|
amin-hero.jpg | ۱۰۰۰×۱۲۵۰ | ۱۱۴ KB | هدر صفحهٔ خانه |
amin-portrait.jpg | ۹۰۰×۱۱۰۰ | ۱۲۳ KB | پرترهٔ اصلی دربارهٔ من |
amin-leadership.jpg | ۱۰۰۰×۱۲۵۰ | ۹۹ KB | جایگزین هدر، قالب مصاحبه |
amin-hero-alt.jpg | ۱۰۰۰×۱۲۵۰ | ۱۰۸ KB | هدر دوم، قالب مصاحبه |
amin-speaking.jpg | ۱۲۰۰×۶۷۵ | ۸۷ KB | اینوتکس — خانه و رسانه |
amin-panel.jpg | ۱۲۰۰×۶۷۵ | ۱۱۵ KB | نشست گفتگو |
amin-audience.jpg | ۱۲۰۰×۶۷۵ | ۱۷۰ KB | مقیاس جمعیت |
amin-university.jpg | ۹۰۰×۱۱۲۵ | ۸۵ KB | اعتبار دانشگاهی |
amin-architecture.jpg | ۱۰۰۰×۷۵۰ | ۱۰۷ KB | معماری ایرانی — دربارهٔ من |
amin-stain-glass.jpg | ۱۰۰۰×۷۵۰ | ۹۷ KB | شیشهٔ رنگی — دربارهٔ من و رسانه |
جمع کل: ۱٬۱۰۵ کیلوبایت برای ده عکس. میانگین ۱۱۰ کیلوبایت.
چرا فشرده‌سازی لازم بود
شش عکس اصلی شما ۴۶۰۸×۳۰۷۲ بودند و هرکدام بین ۷ تا ۸ مگابایت. یعنی به‌تنهایی ۴۵ مگابایت. بارگذاری ۴۵ مگابایت عکس در صفحهٔ اول، سرعت سایت را نابود می‌کند — و سرعت سایت مستقیماً روی رتبه‌بندی گوگل اثر می‌گذارد، که همان چیزی است که کل استراتژی سئوی شما روی آن بنا شده.
برش تا اندازهٔ واقعی نمایش + فشرده‌سازی ۸۴٪ کیفیت، نتیجه ۱۱۰ کیلوبایت شد. در نمایشگر واقعی تفاوتی دیده نمی‌شود.
۶ · دو کار که مانده
- نقش دقیق دانشگاهی — کنار
amin-university.jpgبنویسید در آنجا چه نقشی داشتید و در چه سالی. بدون این، عکس فقط یک لوگوی پس‌زمینه است. - جایگزینی قالب مصاحبه‌ها — سه کارت مصاحبه فعلاً عکس قالب دارند. با فریم واقعی از ویدیو یا پادکست خودتان جایگزین کنید.
یک توصیهٔ آخر
عکس‌های کت مشکی شما بهترین دارایی این پروژه‌اند. اگر روزی وقت و بودجه داشتید، فقط یک کار بکنید: یک جلسهٔ عکاسی ۴۵ دقیقه‌ای با پس‌زمینهٔ سرمه‌ای یا خاکستری، کت مشکی، پیراهن سفید. همین ده عکس را جایگزین می‌کند و برای پنج سال کارت ویزیت، لینکدین و ارائه را پوشش می‌دهد.
نجات سایت قدیمی
فایل‌های لازم از past.amintavakoli.ir
فایل‌های سایت قدیمی — فهرست نجات
قبل از حذف past.amintavakoli.ir · هر فایلی که لازم دارید را بردارید
اول این را بخوانید
این سایت یک سایت شخصی نبود — یک قیف بازاریابی و دانلود بود. محتوایش عمدتاً کتاب‌ها و فایل‌های دیگران بود که روی دامنهٔ شما میزبانی می‌شد. حذفش برای برند C-level شما درست است.
اما قبل از حذف، فایل‌هایی که خودتان ساخته‌اید را دانلود کنید. آن‌ها بعد از حذف از بین می‌روند و بازیابی‌شان ممکن نیست.
۱ · چهار قدم
به همین ترتیب. قدم اول را قبل از هر کار دیگری انجام دهید.
۲ · فایل‌هایی که باید بردارید — مال خودتان
این ۱۴ فایل را واقعاً ساخته‌اید. بقیه مال دیگران است.
| # | فایل | نوع | لینک مستقیم | وضعیت |
|---|---|---|---|---|
| ۱ | استراتژی بازاریابی | xlsx | دانلود | بگیر ✓ |
| ۲ | تقویم محتوا (۳ نسخه) | xlsx | دانلود | بگیر ✓ |
| ۳ | تقویم بلاگ | xlsx | دانلود | بگیر ✓ |
| ۴ | تقویم شبکه‌های اجتماعی | xlsx | دانلود | بگیر ✓ |
| ۵ | الگوی پرسونا | pptx | دانلود | بگیر ✓ |
| ۶ | پرسونا — نسخهٔ Word | docx | دانلود | بگیر ✓ |
| ۷ | پرسونا — نسخهٔ اول | دانلود | بگیر ✓ | |
| ۸ | پرسونا — نسخهٔ دوم | دانلود | بگیر ✓ | |
| ۹ | متن MVP | دانلود | بگیر ✓ | |
| ۱۰ | کتابچهٔ «چقدر با خودت مهربانی کن» | دانلود | بگیر ✓ | |
| ۱۱ | تقویم هفتگی یادداشت | دانلود | بگیر ✓ | |
| ۱۲ | پکیج بازاریابی تلگرام | zip | دانلود | بگیر ✓ |
| ۱۳ | پکیج تلگرام — نسخهٔ ۲ | zip | دانلود | بگیر ✓ |
دو فایل دیگر که ممکن است مال شما باشند
نامشان فارسی است و معلوم نیست. اگر یادتان است که ساخته‌اید، بردارید:
۲۰۱۹/۱۰/تقویم-بازاریابی-فصلی.pdf۲۰۱۹/۱۰/معرفی-کسب‌وکار-دیجیتال.pdf۲۰۱۹/۱۰/چگونه-از-دیجیتال-شروع-کنیم.pdf
۳ · فایل‌هایی که مال دیگران است — لازم نیست بردارید
این‌ها کتاب و محتوای دیگران است که روی دامنهٔ شما میزبانی می‌شد. دانلودشان نگه‌داشتنشان اشتباه است.
| نام فایل | ماهیت |
|---|---|
zero-to-one.pdf | کتاب پیتر تیل — مال دیگران |
lean-startup.pdf | کتاب — مال دیگران |
Why_Digital_Marketing-CollegeTapsell.pdf | کتاب — مال دیگران (۲ نسخه) |
10-Rules-of-Psychology-for-Increasing-Sales.pdf | کتاب — مال دیگران |
Steve-Jobs.pdf | کتاب — مال دیگران |
elon-musk.pdf | کتاب — مال دیگران |
Virgool-Revenue-Model.pdf | مدل درآمد — مال دیگران |
Melipayamak-SMS-Marketing-Guide.pdf | راهنما — مال دیگران |
torkan-Digitalmarketing-940926-eact-3.pdf | فایل دیگران (۲ نسخه) |
Glossary-Final-98V6.pdf | واژه‌نامه — مال دیگران |
project-pos.pdf · originals.pdf · business-think.pdf · bedroom.pdf · garage.pdf · daily-report.pdf · Audio-Product-WBS-2.pdf · pf_found_sample_mkt_plan.pdf | فایل‌های متفرقه — احتمالاً دیگران |
۶ فایل HTML خراب
این‌ها فایل‌های HTML آپلودشده در ۲۰۱۹ هستند که خطای ۵۰۰ می‌دهند. لازم نیست بردارید — بهتر است حذف شوند چون همان‌ها عامل خطای ۵۰۰ هستند که در سرچ کنسول دیده‌ایم.
۴ · محتوای متنی سایت
سؤال مهم: ۴۳ نوشتهٔ این سایت، بیشترشان محتوای قیف بازاریابی و تبلیغات است، نه محتوای شخصی. ولی دو نوع محتوا وجود دارد که ممکن است ارزش داشته باشد:
- ۴ نوشتهٔ اول (۲۰۱۸) — دربارهٔ کسب‌وکار و مدل درآمد. اگر نوشتهٔ خودتان است، ارزش بازنویسی دارد.
- ۲ نوشتهٔ فارسی آخر (۲۰۱۹) — «تقویم-بازاریابی»، «آموزش-تیم»، «فرم-سیستمی-مدیریت». احتمالاً راهنمای کاری خودتان.
پیشنهاد: فایل XML را نگه دارید. اگر بعداً خواستید محتوایی از آن بیرون بکشید، من می‌توانم متن هر نوشته را از همین فایل استخراج کنم — بدون نیاز به سایت.
۵ · راهنمای فنی حذف
اگر پنل هاست دارید
- قبل از هر کاری: کل فایل‌های جدول بخش ۲ را دانلود کنید
- یک ریدایرکت ۳۰۱ دائمی از
past.amintavakoli.ir/*بهamintavakoli.ir/بگذارید - در File Manager: پوشهٔ
public_html/یا زیرپوشهٔ سایت را پیدا کنید - پوشهٔ
wp-content/uploads/را کامل پاک کنید — این تقریباً تمام حجم را می‌گیرد - فایل‌های اصلی وردپرس را پاک کنید
اگر فقط FTP دارید
همان مسیر، فقط از طریق FileZilla. قبل از حذف، یک بار کل پوشه را روی کامپیوترتان کپی کنید.
چرا ریدایرکت قبل از حذف؟
اگر اول حذف کنید و بعد ریدایرکت بگذارید، در آن فاصله لینک‌های قدیمی و بک‌لینک‌ها به خطای ۴۰۴ می‌خورند. گوگل این را «نابودی صفحه» می‌بیند و اعتبارشان را از دست می‌دهید. ریدایرکت، اعتبار را منتقل می‌کند.
۶ · آنچه بعد از حذف به دست می‌آورید
- پاک شدن ریسک حقوقی — میزبانی کتاب‌های دیگران روی دامنهٔ شما، ریسک دارد
- برند تمیز — یک دامنهٔ خراب و قدیمی، برخلاف برند C-level شماست
- خطای ۵۰۰ تمام — آن خطاها در سرچ کنسول دیده می‌شدند
- تمرکز — یک دامنهٔ اصلی قوی، بهتر از دو دامنهٔ نیم‌کاره است
چیزی که از دست می‌دهید: حدود ۵۲۵ کلیک ماهه — که از دانلود کتاب‌های دیگران بود، نه از محتوای خودتان. برای برند شما ارزش چندانی نداشت.