أنشئ موقعًا من صفحة واحدة بترميز SEO خلال 7 دقائق
أنشئ كود HTML مع وسوم meta عبر Google Antigravity، وتحقق من SEO عبر Gemini، وانشره على الاستضافة المجانية Netlify Drop
- 1.افتح Google Antigravity في المتصفح وأنشئ مشروعًا جديدًا.
إذا كانت الخدمة غير متاحة في منطقتك، جرّب VPN أو مولّد مواقع ذكاء اصطناعي بديل. Antigravity هو أداة توليد كود وليس استضافة: ستنشر الملف الجاهز بشكل منفصل على خدمة أخرى.
Google Antigravity ↗عن الأداة - 2.ألصق البرومبت لتوليد موقع من صفحة واحدة مع ترميز SEO كامل. استبدل النص بين الأقواس المربعة ببياناتك.
لا تضع بيانات شخصية حقيقية في البرومبت (هاتف، بريد إلكتروني) - يُرسل النص إلى خوادم Google. أضِف جهات الاتصال لاحقًا يدويًا في الكود الجاهز.
Google Antigravity ↗عن الأداةالبرومبتأنشئ موقعًا متجاوبًا من صفحة واحدة لـ [مصمم جرافيك حرّ اسمها آنا]. الأقسام: قسم رئيسي مع [عنوان «تصميم يعمل من أجل أعمالك»]، نبذة، معرض أعمال مع [3 نماذج مشاريع]، خدمات مع [3 خدمات: شعار، دليل هوية، تغليف]، نموذج تواصل. أضف SEO كامل في <head>: العنوان بحد أقصى 60 حرفًا، meta description بحد أقصى 155 حرفًا، Open Graph (og:title، og:description، og:type=website، og:url placeholder)، Twitter Card (summary_large_image)، JSON-LD لـ ProfessionalService. استخدم [#2D5BFF] كلون أساسي. التصفح أولًا للموبايل، HTML دلالية، وسوم ARIA.
ماذا يفعل هذا البرومبتالبرومبت يطلب من الذكاء الاصطناعي إنشاء موقع متجاوب من صفحة واحدة مع حزمة SEO كاملة: وسوم meta، Open Graph للشبكات الاجتماعية، Twitter Card وترميز JSON-LD الدقيق. استبدل المحتوى بين الأقواس المربعة: الاسم، العنوان، الخدمات، اللون. - 3.انسخ كامل كود HTML المولّد (بما فيه CSS داخل <style> وJSON-LD داخل <script>) واحفظه في ملف باسم index.html على سطح المكتب.
إذا عرض Antigravity تنزيل ملف - نزّله وأعد تسميته إلى index.html. إذا أظهر الكود في المحرر - حدد الكل (Ctrl+A)، انسخ (Ctrl+C) وألصقه في ملف جديد في المفكرة أو TextEdit، واحفظه باسم index.html.
Google Antigravity ↗عن الأداة - 4.افتح Gemini وألصق البرومبت التالي. استبدل [ProfessionalService] بنوع المخطط الخاص بك وألصق محتوى وسم <head> من ملف index.html بدلاً من العنصر النائب.
سيتحقق Gemini من وجود جميع وسوم SEO المطلوبة ويعيد <head> مصححًا.
Gemini ↗عن الأداةالبرومبتأنت خبير SEO. راجع هذا الوسم <head> في HTML وحسّنه. تأكد من وجود وتحسين: 1) <title> بحد أقصى 60 حرفًا، 2) meta description بحد أقصى 155 حرفًا، 3) canonical URL placeholder، 4) وسم robots meta، 5) Open Graph: og:title، og:description، og:image، og:url، og:type، 6) Twitter Card: twitter:card=summary_large_image، twitter:title، twitter:description، twitter:image، 7) JSON-LD لـ [ProfessionalService] مع name، description، url، telephone، address. أعد فقط كود <head> المصحح دون أي شرح. إليك الوسم الحالي: [ألصق قسم head هنا]
ماذا يفعل هذا البرومبتالبرومبت يطلب من Gemini مراجعة وتحسين SEO في قسم <head>: استكمال الوسوم الناقصة (canonical، robots، Open Graph، Twitter Card، JSON-LD) وإعادة الكود المصحح فقط. استبدل نوع المخطط بين الأقواس وألصق <head> الخاص بك. - 5.استبدل كتلة <head>…</head> في ملف index.html بالنسخة المحسّنة من Gemini. احفظ الملف.
افتح index.html في المفكرة (ويندوز) أو TextEdit في وضع Plain Text (ماك)، ابحث عن <head> و</head>، واستبدل كتلة كاملة.
- 6.افتح صفحة Netlify Drop واسحب ملف index.html إلى المنطقة المنقّطة. سينشر الموقع تلقائيًا خلال ثوانٍ.
ينشئ Antigravity كود الموقع لكنه لا يستضيفه على الإنترنت - تحتاج استضافة منفصلة للنشر. Netlify Drop لا يتطلب تسجيلًا أو بطاقة: ستحصل فورًا على رابط بصيغة [random-name].netlify.app. لاحقًا يمكنك ربط نطاقك الخاص في إعدادات Netlify.
Netlify Drop ↗ - 7.افتح الرابط الناتج، اضغط Ctrl+U (عرض المصدر) وتأكد من وجود title وmeta description وJSON-LD. للتحقق من الترميز الدقيق، ألصق الرابط في Google Rich Results Test.
إذا لم يُتعرّف على JSON-LD - تحقق أنه داخل وسم <script type="application/ld+json"> ولا يحتوي على رموز زائدة خارج JSON.
Google Rich Results Test ↗
- مجاناGoogle Antigravity (الباقة المجانية)تتيح الباقة المجانية إنشاء المواقع ونشرها على نطاق فرعي وتصدير HTML. النطاق المخصص وإزالة العلامة التجارية - في الباقة المدفوعة؛ التفاصيل في صفحة أسعار الخدمة.
- مجاناGemini 3.7 Flash (مدمج في Antigravity)النموذج متاح داخل Antigravity في الباقة المجانية لتوليد المحتوى وSEO - لا يتطلب اشتراكًا منفصلًا.
لماذا اليوم
خدمات الذكاء الاصطناعي تتغير بسرعة - قد تختلف الواجهات والحدود المجانية عما هو موصوف.