كيفية بناء موقع محفظة في 30 دقيقة (بدون كود)

ما الذي ستبنيه في 30 دقيقة

بنهاية هذا الإنشاء السريع، سيكون لديك موقع محفظة نظيف من صفحة واحدة يقوم بثلاثة أدوار جيدة: يعرض أعمالك، يشرح من أنت، ويجعل التواصل معك سهلًا.

ما ستحصل عليه عند الضغط على "نشر"

صفحة بسيطة تحتوي على:

• قسم عُلوي (اسمك + ما تقوم به + دعوة واضحة لاتخاذ إجراء)
• قسم مشاريع به 3–6 أعمال، كل واحد بوصف قصير
• قسم "من أنا" يُقرأ خلال أقل من دقيقة
• قسم اتصال مع الروابط المناسبة (بريد إلكتروني، شبكات اجتماعية، رابط حجز، أو نموذج)

هذا متعمد أن يكون الحد الأدنى. صفحة محفظة واحدة أسرع في الإنشاء، أسهل في التحديث، وغالبًا ما تحقق تحويلات أفضل من موقع متعدد الصفحات عندما يراجع شخص أعمالك بسرعة.

لمن هذا مناسب

يناسب هذا الأسلوب المستقلين، الطلاب، المبدعين، والباحثين عن عمل الذين يحتاجون لشيء احترافي بسرعة—خاصةً إذا كنت تتقدم لوظائف أو تعرض خدمات لعملاء أو تشارك أعمالك عبر منصات التواصل.

ما الذي يجب أن تجهزه قبل البدء

للبقاء ضمن 30 دقيقة، جمع ما يلي أولًا:

• 3–6 مشاريع (صور، روابط، أو ملاحظات حالة دراسة قصيرة)
• صورة شخصية واحدة (أو شعار/أفاتار بسيط)
• سيرة قصيرة (2–4 جمل)
• الروابط التي تريد أن ينقرها الزوار (بريد إلكتروني، LinkedIn، Behance، GitHub، Dribbble، إلخ)

خطة الوقت لمدة 30 دقيقة

• الإعداد (5 دقائق): اختر منشئًا، ابدأ موقعًا، اختر تصميمًا أساسيًا
• المحتوى (15 دقيقة): أضف المشاريع، اكتب العنوان و"من أنا"، أضف روابط الاتصال
• التلميع (10 دقائق): المسافات، قابلية القراءة، فحص الجوال، وتمرير نهائي لتصحيح الأخطاء

خطط الموقع قبل أن تبدأ

بناء خلال 30 دقيقة ينجح فقط إذا قضيت 3–5 دقائق في تحديد شكل "المكتمل". وإلا ستقضي الوقت في تعديل الخطوط، إعادة ترتيب الأقسام، وإعادة التفكير فيما تضيف.

1) حدد هدفًا واضحًا واحدًا

اختر النتيجة الأساسية لمحفظتك:

• الحصول على وظيفة (لموظفي التوظيف ومديري التوظيف)
• الحصول على عملاء (أشخاص جاهزون لشراء خدمتك)
• عرض تخصص (مثل "تصميم تجربة المستخدم لتطبيقات التكنولوجيا المالية" أو "تصوير طعام")

هذا الهدف يحدد ما تبرزه أولًا: دورك ونتائجك للتوظيف، عرضك وعملك للعملاء، أو أعمالك المتخصصة للتخصص.

2) اختر بنية بسيطة

قرّر ما إذا كنت تبني:

• موقع صفحة واحدة: الأسرع، ومناسب لمعظم المبدعين والمستقلين. الزوار يقومون بالتمرير، يفهمونك، ويتواصلون معك.
• موقع متعدد الصفحات: مفيد إذا كان لديك الكثير من دراسات الحالة، كتابات، أو خدمات متعددة.

إذا كنت تتسابق مع الوقت، ابدأ بصفحة واحدة الآن—يمكنك تقسيمها صفحات لاحقًا.

3) اختر 1–2 دعوات لاتخاذ إجراء (CTA)

اختر CTA أساسي واحد و(اختياريًا) CTA ثانوي واحد. أمثلة:

• "راسلني عبر البريد"\n- "احجز مكالمة"\n- "تحميل السيرة الذاتية"

يجب أن تدعم كل عناصر الصفحة هذه الإجراءات.

4) اكتب عبارة تحديد موقع بجملة واحدة

قبل أن تلمس قالبًا، صِغ سطرًا بسيطًا:

أساعد [من] في [ماذا]، حتى يتمكنوا من [النتيجة].

مثال: "أساعد شركات SaaS في تصميم مسارات الانخراط التي تقلل التسرب وتحسن التفعيل."\n احتفظ بهذه الجملة مرئية أثناء البناء—إنها مرشِّح لما تضيفه وما تقصيه.

اختر منشئًا (ما الذي تبحث عنه)

المنشئ يحدد مدى سهولة أن تشعر هذه المشروع "30 دقيقة". اختر شيئًا يسمح بالنشر دون القتال مع القوائم.

خيارات شائعة (ولمن تناسب)

• منشئو مواقع (للأغراض العامة): جيد إذا أردت موقعًا متعدد الصفحات ومساحة للتوسع لاحقًا.
• أدوات مخصصة للمحافظ: ممتازة للمعارض، المشاريع، ودراسات الحالة—مثالية للمصممين والمصورين والرسامين وغيرهم من المبدعين البصريين.
• أدوات صفحات الهبوط: مثالية لمحفظة صفحة واحدة مع CTA قوي (مثل "احجز مكالمة" أو "راسلني عبر البريد").

إذا أردت نتيجة أكثر تخصيصًا دون دورة تطوير تقليدية، فـ Koder.ai خيار آخر: منصة تولّد تطبيقات React حقيقية بناءً على وصفك في الدردشة (مع Go + PostgreSQL متاحين لاحقًا إذا أردت ميزات خلفية). يمكنك تصدير الشيفرة، النشر/الاستضافة، ربط نطاق مخصص، واستخدام لقطات/استرجاع—مناسب إذا أردت شيئًا مرنًا لكن سريعًا.

ما الذي تبحث عنه (حتى لا تضيع وقتك)

ابدأ بهذه الأمور الضرورية:

• قوالب قابلة للتعديل فعليًا: تخطيطات نظيفة، إعادة ترتيب سهلة للأقسام، وإعدادات طباعة منطقية\n- التعامل مع الصور: ضغط تلقائي، معارض تظهر جيدًا، وتحميل سريع بدون تغيير الحجم اليدوي\n- معاينة وتحرير للجوال: تستطيع تعديل المسافات، أحجام الخطوط، وقصوص الصور للجوال\n- دعم نطاق مخصص: النشر كـ yourname.com (بدون نطاق فرعي طويل)

تحقق من القيود قبل الالتزام

كثير من الأدوات تبدو رخيصة حتى تصل إلى جدار الدفع. تفحص:\n

• حدود الصفحات (صفحة واحدة مقابل 5+ صفحات)\n- التخزين والنطاق الترددي (مهم لملفات الصور الثقيلة)\n- النماذج (هل يتضمن نموذج اتصال؟ إشعارات بريدية؟ حماية من البريد المزعج؟)\n- التحليلات (إحصاءات أساسية للحركة، أو دعم أداة التتبع المفضلة لديك)\n- إمكانية إزالة العلامة التجارية (هل يمكنك إزالة شعار/تذييل المنشئ؟)

إذا كانت الأسعار مهمة، قارن المستويات على /pricing واختر الخطة الدنيا التي تدعم نطاقًا مخصصًا والميزات أعلاه. يمكنك الترقية لاحقًا عندما تتوسع محفظتك.

اختر قالبًا لا يُعاكسك

القالب الجيد يجب أن يبدو كنقطة بداية مفيدة—ليس كلغز عليك حله قبل أن تنشر. عند استهداف بناء خلال 30 دقيقة، القالب الخطأ هو أسرع طريقة لإضاعة الوقت.

ابدأ بقالب محفظة (أو موقع شخصي)

اختر قالبًا مصممًا لعرض الأعمال: قسم رأس واضح، شبكة للمشاريع، قسم "من أنا" قصير، وقسم اتصال واضح. إذا بدأت من قالب صفحة أعمال أو حدث، ستقضي وقتك في الحذف وإعادة الترتيب بدلًا من النشر.

اختر البساطة على الإبداع المبالغ فيه

قدّم الأولوية للطباعة النظيفة، التباعد القوي، والمساحات البيضاء. التأثيرات المتحركة الفاخرة، التنقل غير التقليدي، وتأثيرات التمرير "الإبداعية" قد تبدو رائعة في العرض، لكنها غالبًا ما تجعل المحتوى أصعب في المسح وأصعب في التعديل.

محفظتك هي المنتج. يجب أن يخرج القالب عن طريقك.

تأكد من أنه يدعم الأقسام التي تحتاجها

قبل الالتزام، تأكد أن القالب يمكنه استيعاب الأساسيات دون حيل:

• قسم المشاريع (شبكة أو قائمة بصورة، عنوان، ووصف قصير)\n- قسم الاتصال (زر، رابط بريد إلكتروني، أو نموذج بسيط)\n- تخطيط استجابي (يعيد ترتيب العناصر جيدًا على الهواتف)

إذا لم يتضمن القالب هذه العناصر بشكل طبيعي، فستضطر لفرضها—وهنا يبدأ الإحباط مع المنشئ.

عاين على الجوال قبل أن تقع في حبه

افتح معاينة الجوال وامسح للبحث عن ثلاثة أشياء:\n

• هل النص قابل للقراءة بدون تكبير؟\n- هل صور المشاريع تُقص بطريقة غريبة؟\n- هل سلوك القائمة بسيط (لا تنقل مربك)؟

إذا كان العرض على الجوال فوضويًا الآن، فلن يتحسن سحريًا لاحقًا. اختر قالبًا أبسط واستمر—يمكنك دائمًا تحسين الشكل بعد نشر المحفظة.

اضبط علامتك خلال 5 دقائق

محفظتك لا تحتاج إلى دليل علامة كامل لتبدو احترافية. ما تحتاجه هو بعض الاختيارات المتسقة بحيث يبدو كل عنصر منتميًا.

1) شعار أو كلمة علامة (اختياري) + لون تمييز واحد

إذا كان لديك شعار، ارفعه واستخدمه في الرأس والتذييل فقط. إذا لم يكن لديك، يعمل كلمة علامة نظيفة (اسمك بخط جيد) بشكل مثالي—خاصة للمستقلين والمبدعين.

اختر لون تمييز واحد ستستخدمه للروابط، الأزرار، وبعض اللمسات الصغيرة (ليس لكتل نصية كبيرة). طريقة بسيطة للاختيار: اسحب لونًا من أفضل صورة مشروع لديك.

2) اختر 1–2 خطوط (قابلية القراءة أولًا)

قصر نفسك على خط واحد للعناوين وآخر للنص. العديد من القوالب تبدو "فوضوية" لأنها تمزج أنماطًا كثيرة من الطباعة.

اجعلها قابلة للقراءة:\n

• يجب أن يكون نص المحتوى مريحًا عند اللمحة (تجنب الخطوط الرفيعة جدًا أو المزخرفة جدًا)\n- استخدم تسلسل أحجام واضح: عناوين كبيرة، نص عادي، تسميات أصغر

إذا لم تكن متأكدًا، التزم بإعدادات القالب الافتراضية وغير فقط لون التمييز.

3) ثبّت المسافات، الأزرار، وزوايا الصور

الاتساق هو ما يجعل موقعًا بلا كود يبدو مخصصًا.

إعدادات سريعة لتوحيد المظهر:\n

• المسافات: استخدم نفس التباعد الرأسي بين الأقسام (مثل "حشو كبير" في كل مكان)\n- الأزرار: اختر نمطًا واحدًا (مُملوء أو مُحدد) واستخدمه في الموقع كله\n- زوايا الصور: اختر إما زوايا حادة أو نصف قطرٍ موحَّد وطبقه عبر الصور المصغرة

هذا أهم من التأثيرات الفاخرة، ويجعل القوالب تبدو مصقولة بدلًا من "قالبية".

4) تحقق من إمكانية الوصول: التباين والقراءة

قم بمسح سريع مدته 10 ثوانٍ: هل يمكنك قراءة النص بسهولة على كل خلفية؟

• تجنب نصًا رماديًا فاتحًا على خلفية بيضاء\n- إذا كنت تستخدم صورة خلفية للنص، أضف تراكبًا طفيفًا أو ضع النص في كتلة صلبة

محفظة متوافقة مع الجوال هي غالبًا المكان الذي تظهر فيه مشاكل التباين أولًا، لذا عاين على الجوال قبل المتابعة.

ابنِ هيكل الصفحة (بسرعة وبساطة)

لا تحتاج إلى خريطة موقع معقدة لإطلاق محفظة جيدة بلا كود. صفحة واحدة واضحة غالبًا ما تكفي—خاصة عندما هدفك بناء المحفظة في 30 دقيقة.

الأقسام الدنيا التي تعمل

استخدم سريانًا بسيطًا من الأعلى إلى الأسفل. هذه الأقسام تغطي ما يبحث عنه معظم الزوار في أقل من دقيقة:

• الهيرو (قمة الصفحة)\n- الأعمال (مشاريعك)\n- من أنا (قصير، إنساني، محدد)\n- الشهادات (اختياري)\n- الاتصال (اجعله سهلاً)

إذا بدأ القالب بكتل إضافية (مدونة، نشرة إخبارية، تسعير، شبكات ميزات طويلة)، احذفها الآن. يمكنك إضافتها لاحقًا.

اصنع هيرو ينجز المهمة

الهيرو هو قسم "لماذا أهتم؟" استخدم قائمة التحقق الضيقة هذه:\n

• من أنت (الاسم + الدور)\n- ما الذي تفعله (جملة واحدة)\n- دليل مصداقية (أسماء العملاء، سنوات الخبرة، جائزة، تخصص)\n- CTA (مثل "عرض أعمالي" أو "اتصل بي")

اجعله سريع المسح: جمل قصيرة، عناوين واضحة، ومساحة كافية.

التنقل: فقط إن احتجت إليه

أضف شريط تنقل فقط إذا كانت الصفحة طويلة. إذا كانت الصفحة تندرج في بضع تمريرات، تجنب التنقل ودع التخطيط يوجّه الناس طبيعيًا.

حافظ على تماسك الهيكل

استخدم نفس النمط لكل قسم: عنوان، سطر افتتاحي قصير، ثم المحتوى. الاتساق يجعل محفظتك تبدو مقصودة—حتى لو بُنيت بسرعة.

أضف مشاريع تعرض مهاراتك بوضوح

مشاريعك هي جوهر المحفظة. هدفك هو 3–6 قطع قوية تثبت ما تستطيع فعله، بدلًا من ملء الصفحة بكل ما صنعته على الإطلاق.

اختر المشاريع المناسبة 3–6

اختر أعمالًا تتناسب مع نوع الوظائف التي تريدها تاليًا. إذا كنت مصممًا، أعرض التصميم؛ إذا كنت مصورًا، ابدأ بأفضل سلسلة صور لديك؛ إذا كنت عامًا، اختر مزيجًا لا يزال متماسكًا.

فلتر سريع: احذف أي شيء لا يمكنك شرحه بثقة في مقابلة قصيرة. إذا كان المشروع يحتاج إلى تبريرات طويلة ("لم أفعل الكثير فعليًا"), فهو يضعف الموقع كله.

استخدم صيغة مشروع بسيطة وقابلة للتكرار

لكل مشروع، أدرج نفس التفاصيل الأساسية حتى يستطيع الزائر المسح بسهولة:\n

• المشكلة: ما الذي كان بحاجة للحل؟\n- دورك: ما الذي كنت مسؤولًا عنه (وما لم تكن)؟\n- ما قمت بتسليمه: المخرجات الملموسة (شاشات، عناصر علامة تجارية، تصوير، تعديلات، نص، إلخ)\n- النتيجة: نتائج، دروس، أو أثر (إن أمكن مشاركته)

اجعلها قصيرة—2–5 جمل قصيرة عادةً كافية.

ابدأ بأفضل صورة بصريّة

استخدم 3–6 صور لكل مشروع، أو فيديو قصير إذا كان العمل حركيًا. ضع أقوى صورة أولًا، لأن هذه هي التي ستُنقر.

إن أمكن، أضف صورة "عملية" واحدة (مخطط، رسم أولي، قبل/بعد، ورقة اتصال) لإظهار طريقة تفكيرك—بدون تحويل الصفحة إلى رواية دراسة حالة.

اجعل كل مشروع سهل المسح

استخدم عناوين واضحة وتسميات (مثل "هوية بصرية"، "إعادة تصميم موقع"، "جلسة تصوير تحريرية"). إذا احتوى المشروع على رابط، اجعله واضحًا وبسيطًا: "عرض الموقع الحي" أو "مشاهدة المونتاج النهائي".

اكتب قسم "من أنا" يقرأه الناس فعلاً

قسم "من أنا" له مهمة واحدة: مساعدة شخص على اتخاذ قرار سريع إن كنت الشخص المناسب للتواصل معه.

ابدأ بصورة بسيطة (أو أفاتار)

استخدم صورة رأس ودود أو رسم توضيحي/أفاتار نظيف. اجعل الخلفية بسيطة والإضاءة طبيعية. الصور المزدحمة، صور الحفلات، والفلاتر الثقيلة تجعل الناس يعملون بجهد أكبر لفهمك.

استخدم سيرة من ثلاثة أجزاء سهلة المسح

استهدف 4–6 سطور إجمالًا:\n

• التركيز الحالي: ما الذي تفعله الآن ولمن ("أنا أصمم صفحات هبوط لفرق SaaS")\n- المحطات الماضية: نقطة/نقطتان من المصداقية (نوع عميل، نتيجة، مشروع معروف)\n- ما تريده لاحقًا: نوع العمل الذي تبحث عنه ("متاح لعقود عمل تصميم منتجات، 2–3 أيام/أسبوع")

مثال:

أنا مصمم واجهات مستخدم حر أركز على صفحات هبوط نظيفة مهيأة للتحويل لفرق SaaS. سابقًا، ساعدت شركة تكنولوجيا مالية في إطلاق مسار انخراط جديد وحسّنت التفعيل بنسبة 18%. أبحث عن 1–2 مشاريع عمل حر جديدة هذا الشهر.

أضف مصداقية (فقط إن كانت حقيقية)

اذكر الأدوات التي تستخدمها فعليًا (Figma، Webflow، Notion)، الصناعات التي تعرفها (الصحة، التكنولوجيا المالية، التعليم)، والجوائز/الشهادات فقط إذا كانت دقيقة وذات صلة.

اجعل الخطوة التالية سهلة

إذا كان مناسبًا لمجالك، أضف سطرًا قصيرًا مع PDF مسمّى بوضوح:

"تحميل السيرة الذاتية (PDF)"

ضعه قرب زر الاتصال حتى يستطيع الزائر قراءة قصتك، الوثوق بك، واتخاذ إجراء في تمريرة واحدة.

اجعل التواصل معك سهلاً

محفظة جميلة تعمل فقط إذا استطاع شخص الوصول إليك بسرعة. يجب أن يكون قسم الاتصال واضحًا وقصيرًا وخالٍ من العوائق—بدون بحث، بدون تخمين.

قدم 2–3 طرق واضحة للوصول إليك

استهدف خيارين، ثلاثة كحد أقصى:\n

• نموذج اتصال (الأفضل لمعظم الزوار)\n- رابط بريد إلكتروني مباشر (للذين يفضلون صندوق بريدهم الخاص)\n- رابط اجتماعي واحد (اختر الذي تتابعه فعليًا)

إذا أضفت أكثر من ذلك، يتردد الناس. اجعلها بسيطة و(إذا كان لديك شريط تنقل) ضع التسمية "اتصل".

ضع توقعات (وابنِ ثقة)

جملة واحدة يمكن أن تقلل المراسلات وتستقطب استفسارات أفضل. مثال:

"متاح لمشاريع تصميم علامة تجارية بدءًا من الشهر القادم. زمن الاستجابة النموذجي: خلال 1–2 يومي عمل."

قل ذلك فقط إذا كان صحيحًا. إذا لم تكن متاحًا للعمل، اذكر ما الذي تفتحه (تعاونات، وظائف بدوام كامل، محادثات).

حجز التقويم: فقط إن كنت ستحافظ عليه

رابط الحجز مفيد للعمل القائم على الخدمة، لكن أضفه فقط إذا كنت قادرًا على تحديثه ومرتاح لأن يحجز الناس دون مراسلة أولى. إذا كان جدولك يتغير كثيرًا، التزم بالبريد + النموذج.

اذكر موقعك أو منطقتك الزمنية

إذا كنت تعمل مع عملاء، أضف ملاحظة سريعة مثل "مقيم في برلين (CET)" أو "أعمل عالمياً (UTC-5)". يساعد ذلك الناس على اقتراح مواعيد ويعطي انطباعًا احترافيًا—خصوصًا للعمل عن بُعد.

كرر رابط الاتصال في التذييل أيضًا. الناس يمررون، يقررون، وينقرون من هناك.

الجوال، السرعة، وفحوصات الجودة النهائية

يمكن أن تمتلك محفظة جميلة وتفقد الناس إذا كانت مربكة على الهاتف أو تستغرق وقتًا طويلًا للتحميل. اقضِ بضع دقائق هنا وسيبدو موقعك مصقولًا—بدون إضافة صفحات.

افحص الجوال أولًا (ثم الباقي)

معظم الزوار سيشاهدون محفظتك على هاتف. افتح معاينة الجوال في المنشئ وامسح سريعًا من أعلى لأسفل.

عاين على أحجام شاشة متعددة (جوال، تابلت، سطح مكتب) وابحث عن:\n

• نص يصبح صغيرًا جدًا أو واسعًا جدًا\n- مشاريع تتكدس بترتيب غريب\n- أقسام بها فجوات غريبة أو عناصر تلامس الحواف\n- أزرار يصعب الضغط عليها

الإصلاحات عادة بسيطة: قلّل الحشو، اضبط المسافات المتسقة، أو حوّل الكتل متعددة الأعمدة إلى عمود واحد على الجوال.

السرعة: اقتطع الأشياء الثقيلة

المواقع السريعة تبدو أكثر احترافية. المسببات الأكبر للبطء هي الصور كبيرة الحجم والوسائط الخلفية.

قم بضغط الصور الكبيرة (خاصة لقطات المشاريع). كقاعدة عامة، صور المحفظة نادرًا ما تحتاج أن تتجاوز ~2000 بكسل عرضًا. إذا كان لدى منشئك خيار "تحسين"، فعّله.

تجنب مقاطع الفيديو الخلفية الضخمة. إذا رغبت بالحركة فعلاً، حلقة خفيفة أو مقطع مضمن صغير يكفي—يجب أن يكون عملك هو محور الاهتمام، ليس الرأس.

الأزرار والروابط: اختبار الثقة

انقر كل زر ورابط—بما في ذلك أيقونات التواصل، بطاقات المشاريع، وزر البريد/الاتصال.

تأكد من:\n

• الروابط تذهب إلى المكان الصحيح (وتفتح في تبويب جديد للمواقع الخارجية)\n- التسميات واضحة ("عرض دراسة حالة" أفضل من "انقر هنا")\n- مناطق النقر كبيرة بما فيه الكفاية على الجوال (لا أيقونات صغيرة تتطلب دقة كبيرة)

قائمة فحص تلميع لمدة دقيقتين

قبل النشر، مر بسرعة على الجودة:\n

• الهجاء وعلامات الترقيم (خاصة عناوين المشاريع والرؤوس)\n- عناوين متسقة (نفس أسلوب الكتابة الكبيرة عبر الأقسام)\n- لا أقسام معطلة (كتل فارغة، عناصر نائب، أو "Lorem ipsum")\n- محاذاة نظيفة (البطاقات مصطفة؛ الحشو يبدو مقصودًا)

عندما تكون محفظتك صديقة للجوال، سريعة التحميل، وخالية من الأخطاء الصغيرة، تبدو أكثر مصداقية—حتى لو شيدتها في أقل من 30 دقيقة.

انشر واربط نطاقًا مخصصًا

النطاق المخصص يجعل محفظتك تبدو مكتملة—ومن الأسهل مشاركته في السير الذاتية، توقيع البريد، والملفات الشخصية الاجتماعية. النشر عادة زر واحد. ربط النطاق يستغرق بضع دقائق إضافية لكنه مباشر.

اختر اسم نطاق لن تندم عليه

اجعله بسيطًا ومهنيًا:\n

• استخدم اسم نطاق بسيط: yourname.com أو yourname.design إذا كان متاحًا

إذا كان اسمك الكامل مأخوذًا، جرّب تعديلات صغيرة قابلة للقراءة (الحرف الأوسط، "studio"، أو مهنتك). تجنّب الشرطات والعبارات الطويلة—الناس يخطئون في كتابتها.

اربطه في منشئك

معظم المنشئات ترشدك عبر خطوات الإعداد.

اربط النطاق من إعدادات المنشئ واتبع تعليمات DNS بعناية.

عادةً ستنسخ سجل/سجلين DNS (غالبًا A record و/أو CNAME) إلى مسجّل النطاق (مكان شراء النطاق). تحقّق من الإملاء، علامات الترقيم، وما إذا كان السجل يستهدف نطاق الجذر (yourname.com) أم "www".

تأكد من الأمان والمظهر الصحيح

• فعِّل SSL/HTTPS إن دعمته المنصة (معظمها يفعل تلقائيًا)\n- أضف favicon وعنوان موقع واضح لألسنة المتصفح

بعد تغييرات DNS، امنحها بعض الوقت. بعض النطاقات تتصل خلال دقائق؛ وأخرى تستغرق ساعات. بعد أن تُحلّ، افتح موقعك على كل من yourname.com وwww.yourname.com (إذا كنت تستخدم كلاهما) وتحقق من تحميله دون تحذيرات أمان.

أخيرًا، اضبط الإصدار المفضل (عادة غير www أو www) كنطاق رئيسي حتى تشارك دائمًا رابطًا واحدًا نظيفًا.

إعدادات سيو أساسية يمكنك فعلها في دقائق

يبدو السيو تقنيًا، لكن الأساسيات لموقع محفظة بلا كود هي في الغالب حقول بسيطة وصياغة واضحة. اقض بضع دقائق هنا وستجعل موقعك أسهل للفهم—للبشر ومحركات البحث.

اضبط عنوان الصفحة والوصف التعريفي

في إعدادات السيو داخل المنشئ، ابحث عن حقول Page Title وMeta Description (غالبًا تحت "SEO" أو "إعدادات الصفحة" أو "معاينة البحث").

اجعل عنوان الصفحة محددًا وقابلاً للقراءة. صيغة قوية هي:

اسمك — الدور | محفظة

مثال: Jordan Lee — Product Designer | Portfolio

للوصف التعريفي، اكتب جملة قصيرة تشرح ماذا تفعل وماذا سيجده الزائر.

مثال: "مصمم منتجات متخصص في تطبيقات الجوال وأنظمة التصميم. عرض مشاريع مختارة، العملية، وتفاصيل الاتصال."

استخدم H1 واضحًا وعناوين أقسام وصفية

الصفحة الرئيسية يجب أن تحتوي على H1 واحد واضح في الأعلى—عادة اسمك ووظيفتك. هذا يساعد الزوار على فهم ما تفعله فورًا.

أمثلة H1 جيدة:\n

• "Jordan Lee — UX/UI Designer"\n- "Sam Patel — Brand Photographer"

ثم استخدم عناوين وصفية للأقسام مثل "أعمال مختارة"، "من أنا"، و"اتصل". تجنّب تسميات مبهمة مثل "مرحبًا" أو "الأشياء التي صنعتها". العناوين الواضحة تجعل محفظتك أسهل للمسح والفهرسة.

أضف نصًا بديلاً للصور الأساسية

مواقع المحفظة غنية بالصور، لذا أضف نصًا بديلاً حيث يهم: صور مصغرة للمشاريع، صور الهيرو، وأي صورة تنقل نتيجة.

يجب أن يصف النص البديلي ما يحتاج الشخص إلى معرفته، لا كل بكسل. أمثلة:\n

• "إعادة تصميم شاشة الدفع قبل/بعد"\n- "شعار وتغليف لعلامة مشروب بارد"

يحسّن هذا الوصول ويعطي محركات البحث سياقًا إضافيًا.

أرسل أو شارك رابط موقعك

بعض منشئي المحافظ يتيحون ربط أدوات البحث أو توليد خريطة موقع تلقائيًا. إن كانت منصتك تدعم ذلك، قدّم موقعك هناك.

إن لم تفعل، لا تؤخّر الإطلاق: انشر، ثم شارك الرابط مباشرة في الأماكن التي تجذب انتباهًا بالفعل—الملف الشخصي في LinkedIn، بيو إنستاغرام، وأي دليل أو مجتمع نشط فيه.

قائمة إطلاق وكيفية الترويج

قبل أن تشارك محفظتك، قم بمرور سريع لضمان أن كل شيء يعمل ويبدو احترافيًا. موقع نظيف ووظيفي أفضل من موقع لامع بروابط معطلة.

قائمة فحص إطلاق مدتها 5 دقائق

• انقر كل رابط (أزرار المشاريع، أيقونات التواصل، رابط البريد). تأكد من عدم وجود 404.\n- اختبر طريقة الاتصال: أرسل نموذجًا أو انقر على رابط البريد وتحقق أنك تستقبل الرسائل.\n- ابحث عن نص نائب: lorem ipsum، "Project Name"، الشهادات الافتراضية، إلخ.\n- راجع الهجاء في العناوين وأسماء المشاريع: صحح الأخطاء، العناصر غير المتسقة، وفواصل الأسطر المحرجة.\n- تحقق على الجوال: افتح على هاتفك وتأكد من أن القائمة، الأزرار، والصور سهلة النقر.\n- أكد قصة الصفحة الرئيسية: خلال 10 ثوانٍ يجب أن يفهم الزائر ما تفعله وما الذي ينقر عليه بعد ذلك.

طرق بسيطة للترويج (بدون شعور بالمضايقة)

• شارك على LinkedIn وأضف رابط المحفظة إلى ملفك الشخصي (قسم Featured + معلومات الاتصال).\n- أضف الموقع إلى توقيع بريدك وروابطك الاجتماعية حتى يعمل في الخلفية.\n- أنشئ منشورًا قصيرًا عن "مشروع مميز" يشرح المشكلة، دورك، والنتيجة—ثم اربط بدراسة الحالة الكاملة.

تتبع ما ينجح

استخدم تحليلات أساسية لقياس الزيارات، نقرات المشاريع، وتقديمات الاتصال. بعد أسبوع، حدّد المشروع الذي يحصل على أكثر النقرات وأعد كتابة أي عناوين مشاريع لا تجذب اهتمامًا.