منشئ صفحة روابط البايو

كيفية إنشاء صفحة روابط البايو

1. في الملف الشخصي، اكتب الاسم أو العلامة التجارية ونبذة قصيرة. تُحفظ فواصل الأسطر في النبذة.
2. يمكنك إضافة صورة الملف الشخصي: أفلت صورة في منطقة الإفلات أو انقر عليها لاختيار ملف. يقرأ متصفحك الصورة ويضمّنها في الصفحة؛ ولا تُرفع أبدًا.
3. في الروابط، املأ نص الرابط والعنوان (URL) لكل زر. انقر إضافة رابط للمزيد، واستخدم زرّي ↑ و↓ لتغيير الترتيب وزر × للحذف.
4. في التصميم، اختر السمة (فاتحة أو داكنة أو محيط أو غروب أو غابة) أو اضبط الألوان الأربعة بنفسك، ثم اختر شكل الأزرار والخط.
5. راجع المعاينة، ثم انقر تنزيل index.html. ويقوم زر نسخ HTML بنسخ الشيفرة نفسها إن فضّلت لصقها في موقع قائم.

يملأ زر تحميل مثال ملفًا شخصيًا تجريبيًا لترى شكل الصفحة، ويعيدك زر مسح إلى البداية.

ما الذي تحصل عليه؟

النتيجة ملف HTML واحد يحتوي كل شيء: الأنماط مضمّنة في كتلة <style>، والصورة مضمّنة على شكل data URI، ولا يوجد JavaScript ولا سكربت تتبّع ولا خط ويب ولا أي طلب خارجي. وهذا يجعل الصفحة سريعة جدًا (بضعة كيلوبايتات عادةً إضافةً إلى الصورة)، وتحافظ على خصوصية زوارك، ويسهل الاحتفاظ بها لسنوات: فلا توجد خدمة قد تُغلق أو تغيّر أسعارها أو تضيف علامتها التجارية.

الصفحة متجاوبة: تملأ الأزرار عرض شاشة الهاتف وتبقى بعرض مريح على الحاسوب. وتتضمن سمة lang ووسم viewport وعنوانًا (اسمك) ووصف meta (نبذتك)، فتظهر جيدًا في نتائج البحث ومعاينات الروابط. وحين تُنشأ الصفحة من هذه النسخة العربية، تحمل lang="ar" وdir="rtl"، فيُعرض النص العربي من اليمين إلى اليسار كما ينبغي. تُفتح روابط المواقع بـ rel="noopener"، وتتحول عناوين البريد الإلكتروني إلى روابط mailto: تلقائيًا.

الفحوص

تنبّه قائمة الفحوص إلى الروابط التي ليس عنوانها عنوان ويب أو mailto: أو tel: صالحًا. وتُستبعد هذه الروابط بدل نشرها معطوبة، ويُرفض دائمًا أي عنوان مثل javascript:. كما تحذّر حين يقل تباين نص الأزرار أو الصفحة عن 4.5:1، وهو مستوى WCAG للنص العادي، وحين تكون الصورة ثقيلة. فصورة بحجم 300 × 300 بكسل تكفي تمامًا لصورة دائرية قطرها 104 بكسل، حتى على الشاشات عالية الكثافة.

كيفية نشر الصفحة على الإنترنت

يحتاج الملف إلى عنوان ويب قبل أن تلصقه في البايو على Instagram أو TikTok أو YouTube. وإليك ثلاثة خيارات شائعة:

• GitHub Pages (مجاني): أنشئ مستودعًا عامًا وارفع index.html، ثم اختر من Settings → Pages النشر من الفرع الرئيسي. تظهر الصفحة على https://your-username.github.io/repository-name/.
• Netlify Drop (مجاني): ضع index.html في مجلد واسحب المجلد إلى صفحة Netlify Drop. تحصل فورًا على عنوان عشوائي؛ وأنشئ حسابًا مجانيًا للاحتفاظ بالموقع واختيار اسم أجمل أو ربط نطاقك الخاص.
• استضافتك الخاصة: ارفع الملف عبر مدير الملفات لدى مزوّد الاستضافة أو عبر FTP، مثلًا إلى مجلد links، لتحصل على https://your-domain.com/links/.

لتحديث الصفحة لاحقًا، عدّل النموذج ونزّل الملف من جديد واستبدل به القديم.