أنشئ موقعًا تحريريًا لخبير مع قسم أدلة وschema للمؤلف

استخدم اتصالي بـ Opus Growth لهذا الغرض. إذا لم تجد الأداة التي تحتاجها، فابحث بين أدوات Opus Growth (باستخدام search_tools إن كانت في قائمتك)؛ وإذا تعذّر عليك الوصول إلى الأدوات تمامًا، فلا تخمّن وأخبرني. ابنِ لي موقع خبير بأسلوب تحريري على خادم استضافة Opus Growth الخاص بي [اسم الخادم]. أنا: [الاسم الكامل]، [التخصص، مثل مستشار تصدير]، [المنطقة التي أخدمها، أو "عبر الإنترنت"]. الخدمات: [الخدمات]. الخبرة: [الخبرة الحقيقية والقطاعات التي عملت فيها؛ لا تختلق شيئًا]. الهاتف: [الهاتف]، البريد الإلكتروني: [البريد الإلكتروني]، النطاق: [النطاق]. موضوعا أول دليلين: [الموضوع 1]، [الموضوع 2]. إذا كان مكتبي يستقبل زوارًا، فعنوانه: [العنوان أو "لا يوجد"]. يجب أن يُقرأ الموقع كأنه مطبوعة تثبت الخبرة بالكتابة، لا كأنه كتيّب تعريفي. تقع الأدلة في قلب الموقع، لأنها ما يقتبسه القراء وإجابات الذكاء الاصطناعي. اتجاه التصميم تحريري: 1. الخطوط: خط serif ذو شخصية من Fontshare للعناوين (مثل Zodiak 700 و400 مائل) وخط sans هادئ للواجهة والنصوص القصيرة (مثل Author 400 و600). متن المقال بخط serif بحجم 19 بكسل، وارتفاع سطر 1.7، وبحد أقصى 68 حرفًا في السطر. 2. الألوان: خلفية ورق بلون كريمي، ونص بحبر داكن، ورمادي دافئ ثانوي، ولون تمييز داكن واحد (مثل لون العنابي). يظهر لون التمييز فقط في العناوين التمهيدية (kickers) والحرف الاستهلالي الكبير وخطوط الاقتباسات البارزة. 3. الشبكة: 12 عمودًا؛ غلاف غير متماثل بنسبة 7 إلى 5 في الصفحة الرئيسية مع خطوط عمودية رفيعة بين الأعمدة. بلا ظلال ولا زوايا مستديرة. 4. العنصر المميز: ترويسة بخط مزدوج مثل ترويسة الجريدة (مع سطر تاريخ رفيع فوقها)، وفي المقالات حرف استهلالي كبير بلون التمييز مع اقتباس بارز في الهامش. 5. الحركة: لا شيء. الصفحات ومخططاتها (schema): 1. index.html (الغلاف): عنوان رئيسي وتمهيد تجيب فقرته الأولى عن "من أنت، ومن تساعد وفي ماذا"، وصورة المقال الرئيسي وعنوانه، وعمود جانبي فيه المقال الآخر وصناديق الخدمات والمؤلف، واقتباس بارز، وشريط "كيف أعمل". WebPage وPerson. 2. hizmetler.html: قسم لكل خدمة؛ تذكر الفقرة الأولى لمن الخدمة ومتى، تليها خطوات مرقمة والمخرج المكتوب. Service لكل خدمة مع Person المؤلف بصفة provider. 3. hakkimda.html: الخبرة الحقيقية، ومبادئ العمل (بلا نتائج مضمونة)، وكيف تُنتَج المقالات وسياسة المصادر. ProfilePage مع mainEntity من نوع Person (jobTitle وknowsAbout وworksFor #org). 4. rehber/index.html: المقالات من الأحدث إلى الأقدم، مع التاريخ والمؤلف. CollectionPage وItemList (numberOfItems). 5. rehber/[المقال].html: 700 كلمة على الأقل، وفقرة أولى تجيب عن السؤال مباشرة، وتسلسل عناوين H2، وجدول مع thead وth scope حيث يفيد، واقتباس بارز واحد على الأقل، ومن رابطين إلى أربعة روابط داخلية، ومصادر في النهاية. في الأعلى رابط المؤلف وتاريخا النشر وآخر تحديث داخل <time>. Article (headline وimage وdatePublished وdateModified وauthor عبر @id إلى Person وpublisher #org). إذا استخدمت أرقامًا توضيحية، فاذكر أنها وهمية. 6. iletisim.html: ContactPage. 7. kvkk.html (إشعار الخصوصية) و404.html. إذا كان المكتب لا يستقبل زوارًا، فاضبط localBusiness: false في site.config.js؛ يكفي Organization مع Person. القواعد التقنية. اتبعها حرفيًا، لأن البوابات أدناه تقيس هذه الأمور بالضبط: 1. الإعداد. شغّل scaffold_site كمعاينة أولًا، وأرني قائمة الملفات، ثم ثبّت بـ confirm=true بعد موافقتي. بعدها اقرأ site_design_guide وsite_seo_guide كاملين. قبل كتابة أي كود، اكتب الاتجاه في _kaynak/ART.md (الإحساس العام، وتزاوج الخطوط، والألوان مع نسب التباين، والشبكة، والعنصر المميز، وقرار الحركة، وقائمة الصفحات) وأرني إياه. 2. أزل JavaScript. لا تحمّل أي صفحة في هذا الموقع أي JavaScript. أزل من كل صفحة سكربت cdn.tailwindcss.com وسطر tailwind.config ووسوم GSAP وScrollTrigger وSplitText وLenis وSwiper ووسوم السكربت motion.js وchrome.js وsite.config.js؛ واحذف assets/chrome.js وassets/motion.js. أبقِ assets/site.config.js، لكن فقط كمصدر للعلامة التجارية والتواصل وseo لـ seo-stamp.mjs؛ فهو لا يُحمَّل في المتصفح أبدًا. 3. القائمة والتذييل HTML ثابت. يرسم JavaScript المكوّنين <site-nav> و<site-footer>، لذلك لا ترى زواحف البحث والذكاء الاصطناعي القائمة ولا الروابط الداخلية ولا بيانات التواصل. اكتب الترويسة في _kaynak/ust.inc والتذييل (الاسم والعنوان والهاتف والبريد الإلكتروني وروابط كل الصفحات وإشعار الخصوصية و"Web: Opus Growth") في _kaynak/alt.inc. استخدم الامتداد .inc حتى لا يعامل seo-stamp وhtml-validate هذه الأجزاء كصفحات. تحمل كل صفحة العلامتين <!-- ust:bas --><!-- ust:son --> و<!-- alt:bas --><!-- alt:son -->. ثم اكتب سكربت Node بلا اعتمادات خارجية باستخدام site_write_file في _kaynak/parca-bas.mjs: يختم الجزأين بين العلامتين في كل ملف HTML، ويضيف aria-current="page" إلى رابط القائمة للصفحة الحالية، ويعيد كتابة sitemap.xml مستخدمًا dateModified من JSON-LD لكل صفحة كقيمة lastmod (مع تخطي 404 والصفحات noindex). ابنِ قائمة الجوال بلا JavaScript باستخدام <details><summary>Menu</summary>؛ قائمتا سطح المكتب والجوال عنصرا <nav> منفصلان بقيمتي aria-label مختلفتين. 4. استضف الخطوط بنفسك. يستخدم هذا الموقع عائلتين وخمسة ملفات كحد أقصى؛ تظهر خطوط العنوان والتمهيد المائل والمتن كلها في الشاشة الأولى، لذلك حمّل الأربعة مسبقًا بـ preload. في العرض التجريبي، أدى تحميل اثنين فقط مسبقًا إلى رفع CLS في مقال طويل إلى 0.24 وخفض أداء الجوال إلى 86؛ أما تحميل الأربعة مسبقًا فأعطى CLS يساوي 0 وأداء 99. نزّل CSS الخاص بـ Fontshare (https://api.fontshare.com/v2/css?f[]=family@400,600&display=swap، ورمز الوزن 401 للمائل) باستخدام site_fetch إلى _kaynak/fontshare.css، واقرأه بـ site_read_file وخذ فقط روابط woff2 للعائلة التي طلبتها؛ فالخدمة تضيف أحيانًا عائلة لم تطلبها. نزّل كل ملف woff2 بـ site_fetch إلى assets/fonts/. ضع قواعد @font-face (مع font-display: swap) داخل assets/app.css، لأن design-check.mjs يبحث عن الخط المخصص في هذا الملف فقط. لا تستخدم الخطوط الافتراضية Inter وRoboto وPoppins وMontserrat. 5. جمّع Tailwind. يصبح assets/app.css مصدر Tailwind: @tailwind base; @tailwind components; @tailwind utilities; في الأعلى، ثم @font-face وحلقة التركيز ورابط التخطي (skip link) وقاعدة prefers-reduced-motion وفئات المكوّنات الخاصة بك داخل @layer components. لا تسمِّ أبدًا فئة مكوّن باسم فئة أداة في Tailwind (list-item وtable وgrid وcontainer وhidden وغيرها)، لأن التعارض يكسر التخطيط بصمت بعد التجميع. اكتب tailwind.config.js في الجذر (content: ["./*.html", "./**/*.html", "./_kaynak/*.inc"] والألوان وfontFamily). شغّل "npx --yes tailwindcss@3 -i assets/app.css -o assets/site.css --minify" باستخدام site_run_command مع background=true، وانتظره باستخدام site_command_status. يحتوي <head> في كل صفحة، بهذا الترتيب، على: عنصر <link rel="stylesheet" href="/assets/site.css"> واحد فقط، ثم سطر preload واحد لكل ملف خط مستخدم في الشاشة الأولى (العنوان والتمييز والمتن؛ as="font" type="font/woff2" crossorigin). أسطر preload الموضوعة قبل ملف الأنماط تؤخر CSS وتزيد LCP؛ والخط الذي يظهر في الشاشة الأولى بلا preload يتبدل متأخرًا ويزيح الصفحة ويرفع CLS، ثم <link rel="icon" href="/assets/img/favicon.svg" type="image/svg+xml">. سطر favicon إلزامي: بدونه يطلب المتصفح /favicon.ico ويحصل على 404، ويخفض خطأ وحدة التحكم درجة Best Practices. 6. الصور. نزّل الصور باستخدام site_fetch مع resize وimage_format="webp" بعدة عروض (480 و800 و1200 و1600 لصورة الشاشة الأولى، و480 و800 و1200 لبقية الصور؛ بجودة بين 60 و75، وأقل للصور كثيرة التفاصيل). لكل <img> سمة srcset وsizes تطابق التخطيط الفعلي وwidth وheight (لتحقيق CLS صفري) ونص alt ذو معنى وصادق. تُضاف fetchpriority="high" فقط إلى الصورة التي يبلّغ Lighthouse بأنها عنصر LCP، ولا تكون هذه الصورة lazy؛ وتستخدم كل الصور الأخرى loading="lazy". إذا كان عنصر LCP نصًا، فلا تحصل أي صورة على fetchpriority. جهّز أيضًا assets/img/logo.png وملف assets/img/og.jpg بقياس 1200x630 وassets/img/favicon.svg. 7. قواعد HTML (الإعدادات الافتراضية لـ html-validate). <!DOCTYPE html> بأحرف كبيرة؛ لا سمة style مضمّنة (بما فيها style="background:var(--brand)" الموجودة في الطقم، استخدم فئة بدلًا منها)؛ &nbsp; بدل المسافات العادية في نص روابط tel:؛ سمة type في كل <button>؛ بلا مسافات زائدة في نهاية الأسطر؛ جداول مع <thead> و<tbody> وth scope. الروابط داخل الفقرات مسطّرة؛ وروابط القائمة والتذييل ومسار التنقل (breadcrumb) والأزرار لها مساحة لمس لا تقل عن 44x44 بكسل (min-h-[44px] min-w-[44px]). 8. البيانات المنظمة. املأ كتلة seo في site.config.js (siteUrl وdescription وlogo وصورة og ونوع النشاط وحقول العنوان) وشغّل "node seo-stamp.mjs" باستخدام site_run_command؛ فهو يختم Organization وWebSite وعند الحاجة نوعًا فرعيًا من LocalBusiness، إضافة إلى وسوم canonical وOG. أضف يدويًا المخطط الخاص بكل صفحة: في كل صفحة عقدة WebPage مع @id (أو AboutPage أو ContactPage أو CollectionPage أو ProfilePage) وdatePublished وdateModified وisPartOf #site وabout #business أو #org وbreadcrumb يشير إلى BreadcrumbList؛ إضافة إلى Service لكل خدمة وPerson وProfilePage للمؤلف وItemList في فهرس الأدلة وArticle في كل دليل. اكتب كل عقدة في كتلة <script type="application/ld+json"> خاصة بها ولا تستخدم غلاف @graph، لأن seo-check.mjs يقرأ فقط @type في المستوى الأعلى ويفوّت BreadcrumbList داخل @graph. اربط العقد بـ @id. لا تختلق أبدًا ساعات عمل أو إحداثيات أو تقييمات أو مراجعات أو جوائز أو أعداد عملاء أو شهادات؛ واترك الحقول المجهولة. 9. وصول الذكاء الاصطناعي. اكتب robots.txt: الموقع كله مفتوح، ويُغلق فقط /_kaynak/؛ مع Allow: / للزواحف GPTBot وOAI-SearchBot وChatGPT-User وClaudeBot وClaude-User وClaude-SearchBot وPerplexityBot وPerplexity-User وGoogle-Extended وApplebot-Extended وBingbot؛ وقرارك بشأن CCBot مع السبب كتعليق؛ وسطر Sitemap في النهاية. أضف llms.txt في الجذر: ملخصًا صحيحًا للنشاط في جملتين، والصفحات المهمة بسطر لكل صفحة، وبيانات التواصل. اكتب 404.html (noindex، مع علامات الترويسة والتذييل). 10. الكتابة. تحتوي كل صفحة على 150 كلمة على الأقل من النص الأصلي داخل <main>، وتجيب الفقرة الأولى مباشرة عن السؤال الرئيسي للصفحة. تتراوح العناوين بين 48 و60 حرفًا، والأوصاف بين 145 و158، وتكون فريدة في كل صفحة. بلا شرطات طويلة أو قصيرة، ولا شعارات مبتذلة، ولا وعود فارغة. إذا كان أي شيء في الموقع غير حقيقي، فاذكر بوضوح أنه وهمي. البوابات. بعد كل تعديل، شغّل هذه الأوامر باستخدام site_run_command بهذا الترتيب ولا تنتقل قبل أن تنجح كل واحدة بلا مشكلات: 1. node _kaynak/parca-bas.mjs، ثم node seo-stamp.mjs، ثم تجميع Tailwind (مرة أخرى إذا أضفت فئات). 2. node seo-check.mjs: صفر أخطاء وصفر تحذيرات. إذا ظهر التحذير "gövde kısa" (المتن قصير)، فأضف نصًا حقيقيًا، لا حشوًا. 3. node design-check.mjs: صفر أخطاء. التحذير الوحيد المسموح به هو "Hiç hareket yok" (لا حركة)؛ فهو خيار مقصود لتجربة القراءة، فاذكر السبب في التقرير. 4. npx --yes html-validate "**/*.html": صفر أخطاء. 5. افحص كل صفحة باستخدام site_preview عند view="mobile" وview="desktop"، وافحص الصفحة الرئيسية أيضًا عند 360 و768 بكسل. أصلح أي تجاوز أفقي أو عنوان ضيق أو هدف لمس أصغر من 44 بكسل ثم افحص مجددًا. 6. قِس كل صفحة باستخدام core_web_vitals عند strategy="mobile" وstrategy="desktop"، ثم دقّق الصفحة الرئيسية وأطول صفحة باستخدام seo_audit. الهدف: على الجوال، Accessibility وBest Practices وSEO بدرجة 100 وPerformance بدرجة 95 على الأقل؛ وعلى سطح المكتب الأربعة كلها 95 على الأقل. يجب ألا يخرج أي طلب واحد من الموقع. إذا كان LCP مرتفعًا، فاستخدم resources=true لتحديد الملف الذي يعطّله: غالبًا أسطر preload الموضوعة قبل ملف الأنماط، أو fetchpriority الممنوحة لصورة ليست عنصر LCP. إذا تجاوز CLS قيمة 0.1، فابحث عن خط في الشاشة الأولى لم يُحمَّل مسبقًا. لا تعتبر العمل منتهيًا حتى تنجح كل هذه الفحوص. بعد النشر، أرسل https://[النطاق]/sitemap.xml باستخدام gsc_submit_sitemap وافحص الصفحة الرئيسية باستخدام gsc_url_inspect. إذا لم يكن هناك موقع في Search Console، فأخبرني؛ ولا تحاول ربط واحد بنفسك. تقرير التسليم: جدول بدرجات Lighthouse الأربع وLCP لكل صفحة على الجوال وسطح المكتب، ونتيجة البوابات الأربع، وسبب أي تحذير من design-check، وقائمة بالمعلومات الوهمية أو الناقصة في الموقع، وما يجب عليّ فعله بعد ذلك (Business Profile والصور الحقيقية وساعات العمل وغيرها).