أنشئ موقعًا لمكتب محاماة أو محاسبة بأسلوب سويسري بسيط مع إشارات ثقة قوية

استخدم اتصالي بـ Opus Growth لهذا الغرض. إذا لم تجد الأداة التي تحتاجها، فابحث بين أدوات Opus Growth (باستخدام search_tools إن كانت في قائمتك)؛ وإذا تعذّر عليك الوصول إلى الأدوات تمامًا، فلا تخمّن وأخبرني. ابنِ موقعًا ثابتًا متعدد الصفحات بأسلوب سويسري مينيمالي لمكتبنا على خادم استضافة Opus Growth الخاص بي [اسم الخادم]. المكتب: [اسم المكتب]، [المهنة، مثل مكتب محاماة أو مكتب محاسبة]، [المدينة]. مجالات العمل: [المجالات]. الممارسون: [لكل منهم الاسم والمسمى الوظيفي والنقابة أو الهيئة المسجل لديها ورقم التسجيل والمجالات]. الهاتف: [الهاتف]، البريد الإلكتروني: [البريد الإلكتروني]، العنوان: [العنوان]، النطاق: [النطاق]. موضوع المذكرة الإرشادية: [موضوع متكرر، مثل الحد القانوني لزيادة الإيجار]. هذا مجال يتخذ فيه الناس قرارات تتعلق بأموالهم وحقوقهم، لذا يجب أن تأتي الثقة من الوضوح والمؤهلات والمصادر، لا من الزخرفة. التزم بالقواعد المهنية: بالنسبة للمحامين في تركيا، لائحة حظر الإعلان الصادرة عن اتحاد نقابات المحامين الأتراك؛ وبالنسبة للمحاسبين، القواعد المهنية لـ TÜRMOB؛ أو ما يعادلها في البلد الذي تمارس فيه المهنة. لا تكتب نسب نجاح ولا أعداد قضايا كُسبت ولا أسماء عملاء ولا ادعاءات تفوق مثل "الأفضل" أو "الخبير الأول" ولا مقارنات أتعاب ولا ضمانات ولا وعودًا مبالغًا فيها. اعرض المعلومات مع ملاحظة بأنها عامة ولا تغني عن الاستشارة القانونية أو المالية. اتجاه التصميم سويسري مينيمالي: 1. الخط: عائلة خطوط غروتسك واحدة من Fontshare (مثل Switzer بالأوزان 400 و500 و600). يأتي التدرج الهرمي من الحجم والوزن فقط: عنوان كبير مضغوط محاذٍ لليسار، ونص أساسي هادئ، وتسميات أقسام صغيرة. 2. اللون: خلفية بيضاء، ونص أسود تقريبًا، ورمادي داكن واحد، ولون مميز واحد (مثل الأحمر السويسري). يظهر اللون المميز فقط في علامة القسم والتسميات وحلقة التركيز. الصور بالأبيض والأسود (grayscale في Tailwind). 3. الشبكة: 12 عمودًا صارمة. في كل قسم تقع التسمية في الأعمدة من 1 إلى 3 والمحتوى في الأعمدة من 4 إلى 12؛ وتفصل بين الأقسام خطوط سوداء بسمك 1 بكسل. بلا زوايا مستديرة ولا ظلال. 4. العنصر المميز: تسميات الأقسام مرقّمة بعلامة § باللون المميز، وخطوط إرشادية باهتة للأعمدة الـ12 مرسومة بـ CSS فقط خلف الشاشة الأولى. 5. الحركة: لا شيء. الصفحات ومخططاتها (schema): 1. index.html: شاشة أولى تجيب فقرتها الافتتاحية عن "أي موضوع، ولمن، وأين"، ومجالات العمل، وطريقة عملك، وكيفية تحديد الأتعاب (بلا أرقام، مع الإشارة إلى التعرفة الرسمية وعقد خدمة مكتوب)، وأحدث مذكرة إرشادية، وملخص عن الفريق. WebPage. 2. calisma-alanlari.html: قسم لكل مجال؛ تجيب الفقرة الأولى عن أكثر الأسئلة شيوعًا في ذلك المجال، ثم المواضيع الرئيسية والأساس القانوني. Service لكل مجال. 3. ekip.html: ملف تعريفي لكل ممارس (الاسم، المسمى، النقابة أو الهيئة، المجالات، نبذة قصيرة). AboutPage وPerson لكل ممارس (jobTitle وknowsAbout وworksFor #business وmemberOf للنقابة أو الهيئة). 4. bilgi-notlari/[الموضوع].html: مذكرة مبنية على النص القانوني وتبدأ بإجابة قصيرة. في الأعلى: الكاتب والمراجع وتاريخ النشر وتاريخ آخر مراجعة؛ وفي النهاية قائمة بالمصادر. Article (الكاتب والناشر عبر @id وimage وdatePublished وdateModified وcitation) وreviewedBy وlastReviewed على WebPage. لا تكتب أبدًا نقطة قانونية أو مالية لا تعرفها؛ اسألني عن كل جملة لست متأكدًا منها. 5. sss.html: ستة أسئلة حقيقية، FAQPage. 6. iletisim.html: ContactPage. 7. kvkk.html (مع الإشارة إلى السرية المهنية) و404.html. القواعد التقنية. اتبعها بدقة، لأن البوابات أدناه تقيس هذه الأمور تحديدًا: 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، لكن فقط كمصدر للـ brand وcontact وseo لأجل seo-stamp.mjs؛ فهو لا يُحمَّل في المتصفح أبدًا. 3. القائمة والتذييل بـ HTML ثابت. المكوّنان <site-nav> و<site-footer> يُرسمان بـ JavaScript، فلا تستطيع زواحف البحث والذكاء الاصطناعي رؤية القائمة والروابط الداخلية وبيانات التواصل. اكتب الترويسة في _kaynak/ust.inc والتذييل (الاسم والعنوان والهاتف والبريد الإلكتروني وروابط كل الصفحات وإشعار الخصوصية و"Web: Opus Growth") في _kaynak/alt.inc. استخدم الامتداد .inc حتى لا يعامل seo-stamp وhtml-validate هذه الأجزاء كصفحات. تحمل كل صفحة العلامات <!-- ust:bas --><!-- ust:son --> و<!-- alt:bas --><!-- alt:son -->. ثم اكتب بـ site_write_file سكربت Node بلا تبعيات في _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. استضف الخطوط بنفسك. يستخدم هذا الموقع عائلة خطوط واحدة وثلاثة ملفات على الأكثر. نزّل 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 وحلقة التركيز ورابط التخطي وقاعدة 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.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 (انزياح تخطيط صفري) ونص 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. الروابط داخل الفقرات تحتها خط؛ وروابط القائمة والتذييل ومسار التنقل والأزرار لها منطقة لمس لا تقل عن 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 لكل ممارس في صفحة الفريق، وArticle وreviewedBy في المذكرة الإرشادية، وFAQPage في صفحة الأسئلة الشائعة. اكتب كل عقدة في كتلة <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: 0 أخطاء و0 تحذيرات. إذا ظهر تحذير "gövde kısa" (النص قصير جدًا) فأضف نصًا حقيقيًا لا حشوًا. 3. node design-check.mjs: 0 أخطاء. التحذير الوحيد المسموح هو "Hiç hareket yok" (لا توجد حركة)؛ فالأسلوب يقتضي ذلك، لذا اذكر السبب في التقرير. 4. npx --yes html-validate "**/*.html": 0 أخطاء. 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 فابحث عن خط في الشاشة الأولى بلا preload. لا تعتبر العمل منجزًا حتى تنجح كل هذه البنود. بعد النشر، أرسل https://[النطاق]/sitemap.xml بـ gsc_submit_sitemap وافحص الصفحة الرئيسية بـ gsc_url_inspect. إذا لم تكن هناك خاصية في Search Console فأخبرني؛ ولا تحاول ربط واحدة بنفسك. تقرير التسليم: جدول بدرجات Lighthouse الأربع وقيمة LCP لكل صفحة على الجوال وسطح المكتب، ونتيجة البوابات الأربع، وسبب أي تحذير من design-check، وقائمة بالمعلومات في الموقع التي هي خيالية أو ناقصة، وما يجب عليّ فعله بعد ذلك (Business Profile، وصور حقيقية، وساعات العمل وغيرها).