Meta Title هو العنوان الذي يظهر في نتائج محركات البحث وفي شريط المتصفح، ويكون في كود </code> داخل <code><head></code>. أما H1 فهو العنوان الرئيسي الذي يراه الزوار داخل محتوى الصفحة نفسها، ويكون في جسم الصفحة <code><body></code>. يمكن أن يكونا متطابقين أو مختلفين، لكن الأفضل أن يكون Meta Title أقصر ومحسّنًا لمحركات البحث بينما H1 يمكن أن يكون أطول وأكثر وضوحًا للقارئ.</p></div></div></div><div class="panel panel-default accordion_box"><div class="panel-heading" role="tab" id="bvfaq1-4-h"><h4 class="panel-title"><a class="acordion_link external collapsed" role="button" data-toggle="collapse" data-parent="#bvfaq1" href="#bvfaq1-4" aria-expanded="false" aria-controls="bvfaq1-4" rel="nofollow"><i class="more-less glyphicon glyphicon-menu-up"></i><span class="acordion_q">هل يجب أن أضع كلمات مفتاحية في Meta Keywords رغم أن جوجل لا يستخدمها؟</span></a></h4></div><div id="bvfaq1-4" class="panel-collapse collapse" role="tabpanel" aria-labelledby="bvfaq1-4-h" aria-expanded="false"><div class="panel-body acordion_body"><p>جوجل لا يستخدم Meta Keywords في الترتيب منذ 2009، لكن محركات بحث أخرى مثل بينج وياهو قد تأخذها بعين الاعتبار. إذا كان لديك وقت، أضف 5-7 كلمات مفتاحية ذات صلة بمحتوى صفحتك دون مبالغة. لا تضيع وقتًا طويلاً في تحسينها، بل ركز على Meta Title وMeta Description لأنهما أكثر أهمية.</p></div></div></div><div class="panel panel-default accordion_box"><div class="panel-heading" role="tab" id="bvfaq1-5-h"><h4 class="panel-title"><a class="acordion_link external collapsed" role="button" data-toggle="collapse" data-parent="#bvfaq1" href="#bvfaq1-5" aria-expanded="false" aria-controls="bvfaq1-5" rel="nofollow"><i class="more-less glyphicon glyphicon-menu-up"></i><span class="acordion_q">كم مرة يجب أن أحدّث العلامات الوصفية لموقعي؟</span></a></h4></div><div id="bvfaq1-5" class="panel-collapse collapse" role="tabpanel" aria-labelledby="bvfaq1-5-h" aria-expanded="false"><div class="panel-body acordion_body"><p>راجع وحدّث العلامات الوصفية كل 6-12 شهرًا أو عندما تجري تغييرات كبيرة على محتوى صفحاتك. إذا لاحظت انخفاضًا في معدل النقر CTR لصفحة معينة، حدّث Meta Title وMeta Description لجعلهما أكثر جاذبية. أيضًا، حدّثها عند إطلاق منتجات جديدة أو عروض خاصة لتعكس أحدث محتوى موقعك.</p></div></div></div><div class="panel panel-default accordion_box"><div class="panel-heading" role="tab" id="bvfaq1-6-h"><h4 class="panel-title"><a class="acordion_link external collapsed" role="button" data-toggle="collapse" data-parent="#bvfaq1" href="#bvfaq1-6" aria-expanded="false" aria-controls="bvfaq1-6" rel="nofollow"><i class="more-less glyphicon glyphicon-menu-up"></i><span class="acordion_q">ما الطول المثالي لـ Meta Description بالنسبة للمحتوى العربي؟</span></a></h4></div><div id="bvfaq1-6" class="panel-collapse collapse" role="tabpanel" aria-labelledby="bvfaq1-6-h" aria-expanded="false"><div class="panel-body acordion_body"><p>المحتوى العربي يحتاج عادة لطول أقصر من الإنجليزي لأن الأحرف العربية تأخذ مساحة أكبر في العرض. الطول المثالي هو 140-155 حرفًا عربيًا بدلاً من 160 حرفًا. اختبر النتيجة في جوجل للتأكد من عدم اقتصاص الوصف، وركز على وضع المعلومات الأهم في أول 120 حرفًا.</p></div></div></div><div class="panel panel-default accordion_box"><div class="panel-heading" role="tab" id="bvfaq1-7-h"><h4 class="panel-title"><a class="acordion_link external collapsed" role="button" data-toggle="collapse" data-parent="#bvfaq1" href="#bvfaq1-7" aria-expanded="false" aria-controls="bvfaq1-7" rel="nofollow"><i class="more-less glyphicon glyphicon-menu-up"></i><span class="acordion_q">هل يمكنني استخدام نفس Meta Tags لجميع صفحات موقعي؟</span></a></h4></div><div id="bvfaq1-7" class="panel-collapse collapse" role="tabpanel" aria-labelledby="bvfaq1-7-h" aria-expanded="false"><div class="panel-body acordion_body"><p>لا، هذا خطأ كبير يضر بترتيب موقعك في محركات البحث. كل صفحة يجب أن تحتوي على Meta Title وMeta Description فريدين يصفان محتواها الخاص. المحتوى المكرر في العلامات الوصفية يربك محركات البحث ويقلل فرص ظهور صفحاتك المتعددة، كما يخفض معدل النقر لأن الأوصاف المتطابقة تبدو غير احترافية.</p></div></div></div><div class="panel panel-default accordion_box"><div class="panel-heading" role="tab" id="bvfaq1-8-h"><h4 class="panel-title"><a class="acordion_link external collapsed" role="button" data-toggle="collapse" data-parent="#bvfaq1" href="#bvfaq1-8" aria-expanded="false" aria-controls="bvfaq1-8" rel="nofollow"><i class="more-less glyphicon glyphicon-menu-up"></i><span class="acordion_q">ما الفرق بين Index/Noindex وFollow/Nofollow في تعليمات الروبوتات؟</span></a></h4></div><div id="bvfaq1-8" class="panel-collapse collapse" role="tabpanel" aria-labelledby="bvfaq1-8-h" aria-expanded="false"><div class="panel-body acordion_body"><p>Index تعني السماح لمحركات البحث بفهرسة الصفحة وإظهارها في نتائج البحث، بينما Noindex تمنع ظهورها. Follow تعني السماح للروبوتات بمتابعة وفهرسة الروابط الموجودة في الصفحة، بينما Nofollow تمنع ذلك. الإعداد الافتراضي Index, Follow مناسب لمعظم الصفحات، بينما Noindex, Nofollow يُستخدم للصفحات الإدارية أو صفحات "شكرًا" بعد التسجيل.</p></div></div></div><div class="panel panel-default accordion_box"><div class="panel-heading" role="tab" id="bvfaq1-9-h"><h4 class="panel-title"><a class="acordion_link external collapsed" role="button" data-toggle="collapse" data-parent="#bvfaq1" href="#bvfaq1-9" aria-expanded="false" aria-controls="bvfaq1-9" rel="nofollow"><i class="more-less glyphicon glyphicon-menu-up"></i><span class="acordion_q">كيف أتأكد من أن العلامات الوصفية تعمل بشكل صحيح على موقعي؟</span></a></h4></div><div id="bvfaq1-9" class="panel-collapse collapse" role="tabpanel" aria-labelledby="bvfaq1-9-h" aria-expanded="false"><div class="panel-body acordion_body"><p>استخدم <a href="https://toolspivot.com/ar/page-speed-checker">أداة فحص سرعة الصفحة</a> من ToolsPivot لفحص صفحاتك والتأكد من وجود جميع العلامات الضرورية. يمكنك أيضًا النقر بزر الماوس الأيمن على صفحتك واختيار "عرض مصدر الصفحة" ثم البحث عن <code><meta</code> للتأكد من وجود الأكواد. ابحث عن موقعك في جوجل لرؤية كيف يظهر العنوان والوصف في نتائج البحث الفعلية.</p></div></div></div><div class="panel panel-default accordion_box"><div class="panel-heading" role="tab" id="bvfaq1-10-h"><h4 class="panel-title"><a class="acordion_link external collapsed" role="button" data-toggle="collapse" data-parent="#bvfaq1" href="#bvfaq1-10" aria-expanded="false" aria-controls="bvfaq1-10" rel="nofollow"><i class="more-less glyphicon glyphicon-menu-up"></i><span class="acordion_q">هل أحتاج لإضافة علامات وصفية مختلفة للنسخة المحمولة من موقعي؟</span></a></h4></div><div id="bvfaq1-10" class="panel-collapse collapse" role="tabpanel" aria-labelledby="bvfaq1-10-h" aria-expanded="false"><div class="panel-body acordion_body"><p>لا، العلامات الوصفية نفسها تعمل على جميع الأجهزة (الكمبيوتر، الجوال، الأجهزة اللوحية). المهم أن تضيف Meta Viewport Tag لضمان عرض موقعك بشكل صحيح على الشاشات الصغيرة: <code><meta name="viewport" content="width=device-width, initial-scale=1.0"></code>. هذا الوسم يضمن تجربة مستخدم محسّنة على الجوال، وهو عامل مهم في ترتيب جوجل منذ تحديث Mobile-First Indexing.</p></div></div></div><div class="panel panel-default accordion_box"><div class="panel-heading" role="tab" id="bvfaq1-11-h"><h4 class="panel-title"><a class="acordion_link external collapsed" role="button" data-toggle="collapse" data-parent="#bvfaq1" href="#bvfaq1-11" aria-expanded="false" aria-controls="bvfaq1-11" rel="nofollow"><i class="more-less glyphicon glyphicon-menu-up"></i><span class="acordion_q">ما هي علامات Open Graph وهل أحتاجها بالإضافة لـ Meta Tags العادية؟</span></a></h4></div><div id="bvfaq1-11" class="panel-collapse collapse" role="tabpanel" aria-labelledby="bvfaq1-11-h" aria-expanded="false"><div class="panel-body acordion_body"><p>علامات Open Graph هي نوع خاص من العلامات الوصفية تتحكم في كيفية ظهور رابط موقعك عند مشاركته على فيسبوك وتويتر ولينكد إن. تختلف عن Meta Tags العادية وتُضاف بشكل منفصل. إذا كنت تسوّق لموقعك على مواقع التواصل، فهي ضرورية لضمان ظهور صورة وعنوان ووصف جذابين عند المشاركة. استخدم <a href="https://toolspivot.com/ar/twitter-card-generator">مولد Twitter Card</a> لإنشائها بسهولة.</p></div></div></div><div class="panel panel-default accordion_box"><div class="panel-heading" role="tab" id="bvfaq1-12-h"><h4 class="panel-title"><a class="acordion_link external collapsed" role="button" data-toggle="collapse" data-parent="#bvfaq1" href="#bvfaq1-12" aria-expanded="false" aria-controls="bvfaq1-12" rel="nofollow"><i class="more-less glyphicon glyphicon-menu-up"></i><span class="acordion_q">هل يمكنني تغيير Meta Tags بعد نشر الصفحة دون التأثير على ترتيبها؟</span></a></h4></div><div id="bvfaq1-12" class="panel-collapse collapse" role="tabpanel" aria-labelledby="bvfaq1-12-h" aria-expanded="false"><div class="panel-body acordion_body"><p>نعم، يمكنك تحديث Meta Tags في أي وقت، بل يُنصح بذلك إذا كانت غير محسّنة. التغييرات في Meta Description لا تؤثر على الترتيب مباشرة، لكنها قد تحسن معدل النقر. التغييرات في Meta Title قد تؤثر على الترتيب مؤقتًا (صعودًا أو هبوطًا) حتى تعيد جوجل تقييم الصفحة بعد أسبوع إلى ثلاثة أسابيع. لا تغير Meta Title كثيرًا دون داعٍ، وتأكد من أن التغيير يحسّن الجودة فعلاً.</p>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "ما هي العلامات الوصفية Meta Tags ولماذا هي مهمة؟",
"acceptedAnswer": {
"@type": "Answer",
"text": "العلامات الوصفية هي أكواد HTML توضع في قسم head من صفحات الويب لوصف محتوى الصفحة لمحركات البحث والمتصفحات. تساعد محركات البحث على فهم موضوع صفحتك وعرضها للمستخدمين المناسبين، كما تؤثر على كيفية ظهور موقعك في نتائج البحث من حيث العنوان والوصف. العلامات الوصفية المحسّنة تزيد معدل النقر إلى الظهور CTR بنسبة 25-40% مقارنة بالصفحات التي لا تحتوي على علامات محسّنة."
}
},
{
"@type": "Question",
"name": "كيف أضيف العلامات الوصفية المُنشأة إلى موقعي على بلوجر؟",
"acceptedAnswer": {
"@type": "Answer",
"text": "في بلوجر، اذهب إلى الإعدادات ثم تفضيلات البحث ثم العلامات الوصفية. فعّل خيار وصف البحث والصق Meta Description في الحقل المخصص. لإضافة باقي العلامات، اذهب إلى المظهر ثم تعديل HTML وابحث عن وسم head والصق الأكواد المُنشأة مباشرة تحته."
}
},
{
"@type": "Question",
"name": "هل العلامات الوصفية تؤثر بشكل مباشر على ترتيب موقعي في جوجل؟",
"acceptedAnswer": {
"@type": "Answer",
"text": "Meta Description وMeta Keywords لا تؤثر مباشرة على ترتيب الموقع في خوارزمية جوجل حسب التصريحات الرسمية، لكن Meta Title يعتبر عامل ترتيب مهم. العلامات الوصفية تؤثر بشكل غير مباشر عبر زيادة معدل النقر CTR، فعندما ينقر المزيد من المستخدمين على رابطك في نتائج البحث بفضل عنوان ووصف جذابين، يعتبر جوجل أن صفحتك ذات جودة عالية ويرفع ترتيبها."
}
},
{
"@type": "Question",
"name": "ما الفرق بين Meta Title وعنوان الصفحة H1؟",
"acceptedAnswer": {
"@type": "Answer",
"text": "Meta Title هو العنوان الذي يظهر في نتائج محركات البحث وفي شريط المتصفح، ويكون في كود title داخل head. أما H1 فهو العنوان الرئيسي الذي يراه الزوار داخل محتوى الصفحة نفسها، ويكون في جسم الصفحة body. يمكن أن يكونا متطابقين أو مختلفين، لكن الأفضل أن يكون Meta Title أقصر ومحسّنًا لمحركات البحث بينما H1 يمكن أن يكون أطول وأكثر وضوحًا للقارئ."
}
},
{
"@type": "Question",
"name": "هل يجب أن أضع كلمات مفتاحية في Meta Keywords رغم أن جوجل لا يستخدمها؟",
"acceptedAnswer": {
"@type": "Answer",
"text": "جوجل لا يستخدم Meta Keywords في الترتيب منذ 2009، لكن محركات بحث أخرى مثل بينج وياهو قد تأخذها بعين الاعتبار. إذا كان لديك وقت، أضف 5-7 كلمات مفتاحية ذات صلة بمحتوى صفحتك دون مبالغة. لا تضيع وقتًا طويلاً في تحسينها، بل ركز على Meta Title وMeta Description لأنهما أكثر أهمية."
}
},
{
"@type": "Question",
"name": "كم مرة يجب أن أحدّث العلامات الوصفية لموقعي؟",
"acceptedAnswer": {
"@type": "Answer",
"text": "راجع وحدّث العلامات الوصفية كل 6-12 شهرًا أو عندما تجري تغييرات كبيرة على محتوى صفحاتك. إذا لاحظت انخفاضًا في معدل النقر CTR لصفحة معينة، حدّث Meta Title وMeta Description لجعلهما أكثر جاذبية. أيضًا، حدّثها عند إطلاق منتجات جديدة أو عروض خاصة لتعكس أحدث محتوى موقعك."
}
},
{
"@type": "Question",
"name": "ما الطول المثالي لـ Meta Description بالنسبة للمحتوى العربي؟",
"acceptedAnswer": {
"@type": "Answer",
"text": "المحتوى العربي يحتاج عادة لطول أقصر من الإنجليزي لأن الأحرف العربية تأخذ مساحة أكبر في العرض. الطول المثالي هو 140-155 حرفًا عربيًا بدلاً من 160 حرفًا. اختبر النتيجة في جوجل للتأكد من عدم اقتصاص الوصف، وركز على وضع المعلومات الأهم في أول 120 حرفًا."
}
},
{
"@type": "Question",
"name": "هل يمكنني استخدام نفس Meta Tags لجميع صفحات موقعي؟",
"acceptedAnswer": {
"@type": "Answer",
"text": "لا، هذا خطأ كبير يضر بترتيب موقعك في محركات البحث. كل صفحة يجب أن تحتوي على Meta Title وMeta Description فريدين يصفان محتواها الخاص. المحتوى المكرر في العلامات الوصفية يربك محركات البحث ويقلل فرص ظهور صفحاتك المتعددة، كما يخفض معدل النقر لأن الأوصاف المتطابقة تبدو غير احترافية."
}
},
{
"@type": "Question",
"name": "ما الفرق بين Index/Noindex وFollow/Nofollow في تعليمات الروبوتات؟",
"acceptedAnswer": {
"@type": "Answer",
"text": "Index تعني السماح لمحركات البحث بفهرسة الصفحة وإظهارها في نتائج البحث، بينما Noindex تمنع ظهورها. Follow تعني السماح للروبوتات بمتابعة وفهرسة الروابط الموجودة في الصفحة، بينما Nofollow تمنع ذلك. الإعداد الافتراضي Index, Follow مناسب لمعظم الصفحات، بينما Noindex, Nofollow يُستخدم للصفحات الإدارية أو صفحات شكرًا بعد التسجيل."
}
},
{
"@type": "Question",
"name": "كيف أتأكد من أن العلامات الوصفية تعمل بشكل صحيح على موقعي؟",
"acceptedAnswer": {
"@type": "Answer",
"text": "استخدم أداة فاحص العلامات الوصفية من ToolsPivot لفحص صفحاتك والتأكد من وجود جميع العلامات الضرورية. يمكنك أيضًا النقر بزر الماوس الأيمن على صفحتك واختيار عرض مصدر الصفحة ثم البحث عن meta للتأكد من وجود الأكواد. ابحث عن موقعك في جوجل لرؤية كيف يظهر العنوان والوصف في نتائج البحث الفعلية."
}
},
{
"@type": "Question",
"name": "هل أحتاج لإضافة علامات وصفية مختلفة للنسخة المحمولة من موقعي؟",
"acceptedAnswer": {
"@type": "Answer",
"text": "لا، العلامات الوصفية نفسها تعمل على جميع الأجهزة (الكمبيوتر، الجوال، الأجهزة اللوحية). المهم أن تضيف Meta Viewport Tag لضمان عرض موقعك بشكل صحيح على الشاشات الصغيرة. هذا الوسم يضمن تجربة مستخدم محسّنة على الجوال، وهو عامل مهم في ترتيب جوجل منذ تحديث Mobile-First Indexing."
}
},
{
"@type": "Question",
"name": "ما هي علامات Open Graph وهل أحتاجها بالإضافة لـ Meta Tags العادية؟",
"acceptedAnswer": {
"@type": "Answer",
"text": "علامات Open Graph هي نوع خاص من العلامات الوصفية تتحكم في كيفية ظهور رابط موقعك عند مشاركته على فيسبوك وتويتر ولينكد إن. تختلف عن Meta Tags العادية وتُضاف بشكل منفصل. إذا كنت تسوّق لموقعك على مواقع التواصل، فهي ضرورية لضمان ظهور صورة وعنوان ووصف جذابين عند المشاركة. استخدم مولد Open Graph لإنشائها بسهولة."
}
},
{
"@type": "Question",
"name": "هل يمكنني تغيير Meta Tags بعد نشر الصفحة دون التأثير على ترتيبها؟",
"acceptedAnswer": {
"@type": "Answer",
"text": "نعم، يمكنك تحديث Meta Tags في أي وقت، بل يُنصح بذلك إذا كانت غير محسّنة. التغييرات في Meta Description لا تؤثر على الترتيب مباشرة، لكنها قد تحسن معدل النقر. التغييرات في Meta Title قد تؤثر على الترتيب مؤقتًا (صعودًا أو هبوطًا) حتى تعيد جوجل تقييم الصفحة بعد أسبوع إلى ثلاثة أسابيع. لا تغير Meta Title كثيرًا دون داعٍ، وتأكد من أن التغيير يحسّن الجودة فعلاً."
}
}
]
}
</script></p><section class="bv-related-tools" aria-label="Related tools"></div></div></div></div><h2 class="bv-related-tools-title">Related Tools You Might Like</h2><div class="bv-related-tools-grid"><a class="bv-related-tool" href="https://toolspivot.com/ar/domain-authority-checker" title="مدقق سلطة النطاق">
<span class="bv-related-tool-icon"><img alt="مدقق سلطة النطاق" src="https://toolspivot.com/theme/smallseo/icons/no_image.png?v=1780401052" loading="lazy" /></span>
<span class="bv-related-tool-name">مدقق سلطة النطاق</span>
<span class="bv-related-tool-arrow"><i class="fa fa-arrow-right" aria-hidden="true"></i></span>
</a><a class="bv-related-tool" href="https://toolspivot.com/ar/broken-link-checker" title="مدقق الروابط المعطلة">
<span class="bv-related-tool-icon"><img alt="مدقق الروابط المعطلة" src="https://toolspivot.com/theme/smallseo/icons/no_image.png?v=1780401052" loading="lazy" /></span>
<span class="bv-related-tool-name">مدقق الروابط المعطلة</span>
<span class="bv-related-tool-arrow"><i class="fa fa-arrow-right" aria-hidden="true"></i></span>
</a><a class="bv-related-tool" href="https://toolspivot.com/ar/youtube-backlinks-generator" title="مولد الروابط الخلفية لليوتيوب">
<span class="bv-related-tool-icon"><img alt="مولد الروابط الخلفية لليوتيوب" src="https://toolspivot.com/theme/smallseo/icons/youtube-backlinks-generator.png?v=1743855070" loading="lazy" /></span>
<span class="bv-related-tool-name">مولد الروابط الخلفية لليوتيوب</span>
<span class="bv-related-tool-arrow"><i class="fa fa-arrow-right" aria-hidden="true"></i></span>
</a><a class="bv-related-tool" href="https://toolspivot.com/ar/android-apps-trends-tracker" title="متتبع اتجاهات تطبيقات أندرويد">
<span class="bv-related-tool-icon"><img alt="متتبع اتجاهات تطبيقات أندرويد" src="https://toolspivot.com/theme/smallseo/icons/apps-rank.png?v=1743852280" loading="lazy" /></span>
<span class="bv-related-tool-name">متتبع اتجاهات تطبيقات أندرويد</span>
<span class="bv-related-tool-arrow"><i class="fa fa-arrow-right" aria-hidden="true"></i></span>
</a><a class="bv-related-tool" href="https://toolspivot.com/ar/blog-finder" title="الباحث عن المدونات">
<span class="bv-related-tool-icon"><img alt="الباحث عن المدونات" src="https://toolspivot.com/theme/smallseo/icons/blog-finder.png?v=1743852526" loading="lazy" /></span>
<span class="bv-related-tool-name">الباحث عن المدونات</span>
<span class="bv-related-tool-arrow"><i class="fa fa-arrow-right" aria-hidden="true"></i></span>
</a><a class="bv-related-tool" href="https://toolspivot.com/ar/page-authority-checker" title="مدقق سلطة الصفحة">
<span class="bv-related-tool-icon"><img alt="مدقق سلطة الصفحة" src="https://toolspivot.com/theme/smallseo/icons/no_image.png?v=1780401052" loading="lazy" /></span>
<span class="bv-related-tool-name">مدقق سلطة الصفحة</span>
<span class="bv-related-tool-arrow"><i class="fa fa-arrow-right" aria-hidden="true"></i></span>
</a></div></section> </p> <br />
<div class="clearfix"></div>
<div class="latest_blog_area mb30 mt20">
<div class="tool_heading text-center mb20">
<div class="th-title">LATEST BLOGS</div>
</div>
<div class="col-md-12 pn mv10"></div></div><div class="clearfix"></div> </div>
<div class="col-md-4" id="rightCol" >
<div class="search_dots_section p20 box_shadow_border">
<div class="tool_heading text-center">
<div class="fs18 mn th-title">بحث</div>
<div class="heading_border mb10 mt10"></div>
</div>
<div id="sidebar_search">
<div class="input-group">
<input id="sidebarsearch" autocomplete="off" placeholder="ابحث في أدوات السيو" class="form-control" type="text">
<span class="input-group-btn">
<button class="btn btn-secondary" type="button" aria-label="Search"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></button>
</span>
</div>
<div id="sidebar-results" class="search-resultsbar box_shadow_border" style="background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-radius: 10px; padding: 15px 0px; display: none;"></div>
</div>
</div>
<div class="sidebar_adds p5 mt15 box_shadow_border"><span class="ad-label">إعلان</span><div class="sideXd"><!-- New Sidebar -->
<ins class="adsbygoogle"
style="display:block;width:100%;min-height:250px"
data-ad-client="ca-pub-3744783675211834"
data-ad-slot="5576900894"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></div></div>
<div class="popular_tool_box box_shadow_border pn mb10 dp-poptools">
<ul>
<li class="popular-seo-t pn">
<div class="mn p10 pop-title">
أدوات DocPivot الشائعة </div>
</li>
<li class="pg-hovr"><div class="icon_image"><svg viewBox="0 0 40 40" width="30" height="30" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><text x="3" y="14" font-size="11" font-weight="700" fill="currentColor" stroke="none" font-family="system-ui,-apple-system,sans-serif">PPT</text><path d="M9 20l10 10" stroke-width="2.4"/><path d="M19 24v6h-6" stroke-width="2.4"/><text x="37" y="37" text-anchor="end" font-size="11" font-weight="700" fill="currentColor" stroke="none" font-family="system-ui,-apple-system,sans-serif">PDF</text></svg></div><a href="https://toolspivot.com/doc/ar/powerpoint-to-pdf">PowerPoint إلى PDF</a></li><li class="pg-hovr"><div class="icon_image"><svg viewBox="0 0 40 40" width="30" height="30" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><text x="3" y="14" font-size="11" font-weight="700" fill="currentColor" stroke="none" font-family="system-ui,-apple-system,sans-serif">TXT</text><path d="M9 20l10 10" stroke-width="2.4"/><path d="M19 24v6h-6" stroke-width="2.4"/><text x="37" y="37" text-anchor="end" font-size="11" font-weight="700" fill="currentColor" stroke="none" font-family="system-ui,-apple-system,sans-serif">PDF</text></svg></div><a href="https://toolspivot.com/doc/ar/text-to-pdf">نص إلى PDF</a></li><li class="pg-hovr"><div class="icon_image"><svg viewBox="0 0 40 40" width="30" height="30" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect x="6" y="6" width="22" height="22" rx="3" stroke-dasharray="4 3"/><rect x="12" y="12" width="22" height="22" rx="3"/><path d="M20 34v-8M16 30l4 4 4-4"/></svg></div><a href="https://toolspivot.com/doc/ar/flatten-pdf">تسطيح PDF</a></li><li class="pg-hovr"><div class="icon_image"><svg viewBox="0 0 40 40" width="30" height="30" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><text x="3" y="14" font-size="11" font-weight="700" fill="currentColor" stroke="none" font-family="system-ui,-apple-system,sans-serif">PDF</text><path d="M9 20l10 10" stroke-width="2.4"/><path d="M19 24v6h-6" stroke-width="2.4"/><text x="37" y="37" text-anchor="end" font-size="11" font-weight="700" fill="currentColor" stroke="none" font-family="system-ui,-apple-system,sans-serif">TXT</text></svg></div><a href="https://toolspivot.com/doc/ar/pdf-to-text">PDF إلى نص</a></li><li class="pg-hovr"><div class="icon_image"><svg viewBox="0 0 40 40" width="30" height="30" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><text x="3" y="14" font-size="11" font-weight="700" fill="currentColor" stroke="none" font-family="system-ui,-apple-system,sans-serif">PDF</text><path d="M9 20l10 10" stroke-width="2.4"/><path d="M19 24v6h-6" stroke-width="2.4"/><text x="37" y="37" text-anchor="end" font-size="11" font-weight="700" fill="currentColor" stroke="none" font-family="system-ui,-apple-system,sans-serif">XLS</text></svg></div><a href="https://toolspivot.com/doc/ar/pdf-to-excel">PDF إلى Excel</a></li><li class="pg-hovr"><div class="icon_image"><svg viewBox="0 0 40 40" width="30" height="30" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M22 4H11a3 3 0 0 0-3 3v26a3 3 0 0 0 3 3h18a3 3 0 0 0 3-3V14z"/><path d="M22 4v10h10"/></svg></div><a href="https://toolspivot.com/doc/ar/pdf-to-epub">PDF إلى EPUB</a></li><li class="pg-hovr"><div class="icon_image"><svg viewBox="0 0 40 40" width="30" height="30" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><text x="3" y="14" font-size="11" font-weight="700" fill="currentColor" stroke="none" font-family="system-ui,-apple-system,sans-serif">PDF</text><path d="M9 20l10 10" stroke-width="2.4"/><path d="M19 24v6h-6" stroke-width="2.4"/><text x="37" y="37" text-anchor="end" font-size="11" font-weight="700" fill="currentColor" stroke="none" font-family="system-ui,-apple-system,sans-serif">PPT</text></svg></div><a href="https://toolspivot.com/doc/ar/pdf-to-powerpoint">PDF إلى PowerPoint</a></li><li class="pg-hovr"><div class="icon_image"><svg viewBox="0 0 40 40" width="30" height="30" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect x="3" y="9" width="14" height="14" rx="2.5"/><circle cx="7.5" cy="13.5" r="1.5"/><path d="M3 20l4-3.5 4.5 4"/><path d="M20 26h11M26 21l5 5-5 5"/><path d="M23 9c4-4 10-4 14 0v11H23z"/><circle cx="23" cy="9" r="2" fill="currentColor" stroke="none"/><circle cx="37" cy="9" r="2" fill="currentColor" stroke="none"/></svg></div><a href="https://toolspivot.com/doc/ar/png-to-svg">PNG إلى SVG</a></li><li class="pg-hovr"><div class="icon_image"><svg viewBox="0 0 40 40" width="30" height="30" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect x="3" y="9" width="14" height="14" rx="2.5"/><circle cx="7.5" cy="13.5" r="1.5"/><path d="M3 20l4-3.5 4.5 4"/><path d="M20 26h11M26 21l5 5-5 5"/><path d="M23 9c4-4 10-4 14 0v11H23z"/><circle cx="23" cy="9" r="2" fill="currentColor" stroke="none"/><circle cx="37" cy="9" r="2" fill="currentColor" stroke="none"/></svg></div><a href="https://toolspivot.com/doc/ar/jpg-to-svg">JPG إلى SVG</a></li><li class="pg-hovr border-bottom"><div class="icon_image"><svg viewBox="0 0 40 40" width="30" height="30" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect x="3" y="9" width="14" height="14" rx="2.5"/><circle cx="7.5" cy="13.5" r="1.5"/><path d="M3 20l4-3.5 4.5 4"/><path d="M20 26h11M26 21l5 5-5 5"/><path d="M23 9c4-4 10-4 14 0v11H23z"/><circle cx="23" cy="9" r="2" fill="currentColor" stroke="none"/><circle cx="37" cy="9" r="2" fill="currentColor" stroke="none"/></svg></div><a href="https://toolspivot.com/doc/ar/webp-to-svg">WebP إلى SVG</a></li> </ul>
</div>
<div class="sidebar_adds p5 mt15 box_shadow_border"><span class="ad-label">إعلان</span><div class="sideXd"><!-- Multiplex -->
<ins class="adsbygoogle"
style="display:block;width:100%;min-height:400px"
data-ad-client="ca-pub-3744783675211834"
data-ad-slot="7692867693"
data-ad-format="autorelaxed"
data-matched-content-ui-type="image_stacked"
data-matched-content-columns-num="1"
data-matched-content-rows-num="3"></ins>
<script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></div></div>
<div class="popular_tool_box box_shadow_border pn mb10"><ul><li class="popular-seo-t pn"><div class="mn p10 pop-title">أدوات الذكاء الاصطناعي الشائعة</div></li><li class="pg-hovr"><div class="icon_image" style="background-image:url(https://toolspivot.com/theme/smallseo/icons/geo-audit.png);background-size:contain;background-repeat:no-repeat;background-position:center;"></div><a href="https://toolspivot.com/ar/geo-audit">أداة تدقيق GEO</a></li><li class="pg-hovr"><div class="icon_image" style="background-image:url(https://toolspivot.com/theme/smallseo/icons/llms-txt-generator.png);background-size:contain;background-repeat:no-repeat;background-position:center;"></div><a href="https://toolspivot.com/ar/llms-txt-generator">مولّد llms.txt</a></li><li class="pg-hovr"><div class="icon_image" style="background-image:url(https://toolspivot.com/theme/smallseo/icons/ai-content-detector.png);background-size:contain;background-repeat:no-repeat;background-position:center;"></div><a href="https://toolspivot.com/ar/ai-content-detector">كاشف المحتوى بالذكاء الاصطناعي</a></li><li class="pg-hovr"><div class="icon_image" style="background-image:url(https://toolspivot.com/theme/smallseo/icons/ai-humanizer.png);background-size:contain;background-repeat:no-repeat;background-position:center;"></div><a href="https://toolspivot.com/ar/ai-humanizer">أنسنة نصوص الذكاء الاصطناعي</a></li><li class="pg-hovr"><div class="icon_image" style="background-image:url(https://toolspivot.com/theme/smallseo/icons/ai-keyword-cluster-ideas.png);background-size:contain;background-repeat:no-repeat;background-position:center;"></div><a href="https://toolspivot.com/ar/ai-keyword-cluster-ideas">فكرة تجميع الكلمات الرئيسية للذكاء الاصطناعي</a></li><li class="pg-hovr"><div class="icon_image" style="background-image:url(https://toolspivot.com/theme/smallseo/icons/ai-seo-meta-title-generator.png);background-size:contain;background-repeat:no-repeat;background-position:center;"></div><a href="https://toolspivot.com/ar/ai-meta-title-generator">مولد عناوين ميتا بالذكاء الاصطناعي</a></li><li class="pg-hovr"><div class="icon_image" style="background-image:url(https://toolspivot.com/theme/smallseo/icons/ai-seo-meta-description-generator.png);background-size:contain;background-repeat:no-repeat;background-position:center;"></div><a href="https://toolspivot.com/ar/ai-meta-description-generator">مولد وصف ميتا بالذكاء الاصطناعي</a></li><li class="pg-hovr"><div class="icon_image" style="background-image:url(https://toolspivot.com/theme/smallseo/icons/article_rewriter_pro.png);background-size:contain;background-repeat:no-repeat;background-position:center;"></div><a href="https://toolspivot.com/ar/paraphrasing-tool">أداة إعادة الصياغة</a></li><li class="pg-hovr border-bottom"><div class="icon_image" style="background-image:url(https://toolspivot.com/theme/smallseo/icons/article_rewriter_pro.png);background-size:contain;background-repeat:no-repeat;background-position:center;"></div><a href="https://toolspivot.com/ar/article-rewriter-tool">إعادة كتابة المقالات</a></li></ul></div><div class="sidebar_adds p5 mt15 box_shadow_border"><span class="ad-label">إعلان</span><div class="sideXd"><!-- After Popular AI Tools -->
<ins class="adsbygoogle"
style="display:block;width:100%;min-height:250px"
data-ad-client="ca-pub-3744783675211834"
data-ad-slot="7276995379"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></div></div><div class="popular_tool_box box_shadow_border pn mb10"><ul><li class="popular-seo-t pn"><div class="mn p10 pop-title">أدوات SEO الشائعة</div></li><li class="pg-hovr"><div class="icon_image website-seo-score"></div><a href="https://toolspivot.com/ar/website-seo-checker">مدقق تحسين محركات البحث للمواقع الإلكترونية</a></li><li class="pg-hovr"><div class="icon_image plagrism-checker"></div><a href="https://toolspivot.com/ar/plagiarism-checker">مدقق الانتحال</a></li><li class="pg-hovr"><div class="icon_image word-count-checker"></div><a href="https://toolspivot.com/ar/word-counter-tool">عداد الكلمات</a></li><li class="pg-hovr"><div class="icon_image keyword-position-checker"></div><a href="https://toolspivot.com/ar/keyword-rank-checker">مدقق ترتيب الكلمات الرئيسية</a></li><li class="pg-hovr"><div class="icon_image grammer-chacker"></div><a href="https://toolspivot.com/ar/grammar-checker">مدقق القواعد النحوية</a></li><li class="pg-hovr"><div class="icon_image readability-checker"></div><a href="https://toolspivot.com/ar/readability-checker">مدقق قابلية القراءة</a></li><li class="pg-hovr"><div class="icon_image reverse-image"></div><a href="https://toolspivot.com/ar/reverse-image-search">البحث عن الصور العكسي</a></li><li class="pg-hovr"><div class="icon_image" style="background-image:url(https://toolspivot.com/theme/smallseo/icons/keywordsug.png);background-size:contain;background-repeat:no-repeat;background-position:center;"></div><a href="https://toolspivot.com/ar/keywords-research-tool">أداة البحث عن الكلمات المفتاحية</a></li><li class="pg-hovr"><div class="icon_image keyword-dencity-checker"></div><a href="https://toolspivot.com/ar/keyword-density-checker">مدقق كثافة الكلمات الرئيسية</a></li><li class="pg-hovr border-bottom"><div class="icon_image" style="background-image:url(https://toolspivot.com/theme/smallseo/icons/html-edit.png);background-size:contain;background-repeat:no-repeat;background-position:center;"></div><a href="https://toolspivot.com/ar/markdown-editor">محرر Markdown</a></li></ul></div><div class="sidebar_adds p5 mt15 box_shadow_border"><span class="ad-label">إعلان</span><div class="sideXd"><!-- After Popular SEO Tools -->
<ins class="adsbygoogle"
style="display:block;width:100%;min-height:250px"
data-ad-client="ca-pub-3744783675211834"
data-ad-slot="6571357712"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></div></div>
</div>
</div>
</div> <br /></div></div></div><!-- Bug Button -->
<style>
/* REPORT A BUG - a 48px circle, not a slab.
*
* It used to be a 136x47 orange rectangle, which made it the fourth orange CTA
* on a tool page (the tool's own "Choose files" and the action button are the
* other two) and the most permanently visible one - competing with the button
* we actually want pressed. As a small icon it competes by SIZE instead of by
* colour: 48px against a 300px action bar reads as subordinate at a glance.
*
* MOVED TO THE LEFT CORNER. The right corner now carries the chat launcher
* and the back-to-top control; a third circle stacked in the same column read
* as clutter, and on a 375px screen the stack reached a third of the height.
* Left also separates the two supports: ask on the right, report on the left.
*/
#bug-btn {
position: fixed;
left: 12px;
/* --aic-b is raised by ai-chat.js while the cookie consent bar is on
screen, so these controls never sit on top of it. Falls back to 12px
when the script has not run. */
bottom: var(--aic-b, 12px);
width: 48px; /* 44px is the touch-target floor; 48 has margin */
height: 48px;
border-radius: 50%;
background: #fa4c10;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
box-shadow: 0 2px 8px rgba(0,0,0,.28);
/* Under the back-to-top, so if they ever do meet the arrow still wins. */
z-index: 9999;
transition: transform .18s ease, box-shadow .18s ease;
}
#bug-btn:hover,
#bug-btn:focus-visible {
color: #fff;
text-decoration: none;
transform: translateY(-2px);
box-shadow: 0 4px 14px rgba(0,0,0,.34);
}
#bug-btn:focus-visible {
outline: 3px solid #fff;
outline-offset: 2px;
box-shadow: 0 0 0 6px rgba(250,76,16,.45);
}
#bug-btn .fa { font-size: 20px; line-height: 1; }
/* AN ICON ALONE DOES NOT SAY WHAT IT DOES.
The accessible name is on the link for screen readers; this is the same
thing for everyone else, revealed on hover or keyboard focus so the button
stays a circle at rest. */
#bug-btn .bug-btn-label {
position: absolute;
left: 58px; /* flies out to the right of a left-corner button */
white-space: nowrap;
background: #1c1c1c;
color: #fff;
font-size: 13px;
font-weight: 600;
padding: 6px 10px;
border-radius: 6px;
opacity: 0;
transform: translateX(6px);
pointer-events: none;
transition: opacity .18s ease, transform .18s ease;
}
#bug-btn .bug-btn-label { transform: translateX(-6px); }
#bug-btn:hover .bug-btn-label,
#bug-btn:focus-visible .bug-btn-label { opacity: 1; transform: translateX(0); }
/* On a phone there is no hover and the label would sit under the thumb, so the
circle stands alone - the accessible name still carries the meaning. */
@media (max-width: 767px) {
#bug-btn .bug-btn-label { display: none; }
}
@media (prefers-reduced-motion: reduce) {
#bug-btn, #bug-btn .bug-btn-label { transition: none; }
#bug-btn:hover, #bug-btn:focus-visible { transform: none; }
}
/* ---------------------------------------------------------------------------
AI chat widget.
Layout follows the modern support-widget convention: a flat light panel
rather than a coloured header bar, a floating identity card naming who is
answering, assistant text with no bubble around it, and a pill composer.
The brand mark is ours - the ToolsPivot icon from the favicon setting.
Stacking order in the bottom-right column, measured not assumed:
launcher bottom var(--aic-b), z 10001 (primary support action, 56px)
.top 68px above it, z 10000 (back-to-top, shifted to clear it)
#bug-btn moved to the LEFT corner - see its block above. --aic-b is raised
by ai-chat.js while the cookie consent bar is on screen, and .aic-hold keeps
both controls hidden until window.load.
--------------------------------------------------------------------------- */
.aic-hold #aic-launch, .aic-hold #bug-btn { visibility: hidden; opacity: 0; }
#aic-launch, #bug-btn { transition: opacity .25s ease; }
#aic-launch {
position: fixed;
right: 12px;
bottom: var(--aic-b, 12px);
width: 56px;
height: 56px;
border: 0;
border-radius: 50%;
background: #fa4c10;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
box-shadow: 0 4px 14px rgba(250,76,16,.38);
z-index: 10001;
transition: transform .18s ease, box-shadow .18s ease, opacity .25s ease;
}
/* A speech bubble, not the ToolsPivot mark: the mark is orange and light grey,
so on an orange disc its orange half disappears - and this control's job is
to say "chat". The mark identifies the assistant inside the panel instead. */
#aic-launch .fa { font-size: 23px; line-height: 1; }
#aic-launch:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(250,76,16,.5); }
#aic-launch:focus-visible {
outline: 3px solid #fff; outline-offset: 2px;
box-shadow: 0 0 0 6px rgba(250,76,16,.45);
}
body.aic-on .top { bottom: calc(var(--aic-b, 12px) + 68px) !important; }
#aic-panel {
position: fixed;
right: 12px;
bottom: calc(var(--aic-b, 12px) + 68px);
width: 380px;
max-width: calc(100vw - 24px);
height: 580px;
max-height: calc(100vh - 150px);
background: #f6f4f3; /* flat light field, no header bar */
border: 1px solid #e8e2de;
border-radius: 16px;
box-shadow: 0 18px 48px rgba(28,12,4,.22);
display: flex;
flex-direction: column;
overflow: hidden;
z-index: 10002;
font-family: 'open sans', sans-serif;
transform-origin: bottom right;
animation: aic-in .18s ease-out;
}
@keyframes aic-in { from { opacity: 0; transform: scale(.94) translateY(8px); } }
/* --- header ------------------------------------------------------------- */
/* One bar carrying identity and the close control, rather than a floating
close row above a separate floating card: two stacked chrome layers ate the
top of the panel and read as two unrelated things. Identity belongs in the
header - who is answering, and that it is a machine. A support widget that
hides that is one people distrust the moment it gets something wrong. */
#aic-head {
flex: 0 0 auto;
display: flex; align-items: center; gap: 11px;
/* 16px left matches #aic-log's padding, so the header mark and every
message avatar sit on one vertical edge. It was 14px and they were 2px
apart, which is exactly the sort of gap that reads as sloppy without
being obvious. */
padding: 12px 12px 12px 16px;
background: #fff;
border-bottom: 1px solid #e8e2de;
}
#aic-close {
width: 34px; height: 34px; border: 0; border-radius: 50%; flex: 0 0 34px;
background: rgba(0,0,0,.05); color: #3f3a37; cursor: pointer;
font-size: 15px; line-height: 1; display: flex; align-items: center; justify-content: center;
/* 34px visual, 44px hit area - the target rule is about what the finger
must reach, not what the eye must see. */
position: relative;
}
#aic-close::before { content: ''; position: absolute; top: -5px; left: -5px; right: -5px; bottom: -5px; }
#aic-close:hover { background: rgba(0,0,0,.11); }
#aic-close:focus-visible { outline: 2px solid #fa4c10; outline-offset: 2px; }
#aic-mark { position: relative; width: 38px; height: 38px; flex: 0 0 38px; }
#aic-head .aic-ttl { flex: 1 1 auto; min-width: 0; }
/* The disc is black because the icon itself is: every uploaded ToolsPivot Icon
has an opaque black field and none is transparent, so the image fills the
circle and its own background becomes the disc. */
#aic-mark .aic-disc {
width: 38px; height: 38px; border-radius: 50%; overflow: hidden; background: #000;
}
#aic-mark img { width: 100%; height: 100%; display: block; }
#aic-mark .aic-dot {
position: absolute; top: -1px; right: -1px;
width: 11px; height: 11px; border-radius: 50%;
background: #22c55e; border: 2px solid #fff;
}
#aic-head h2 { font-size: 15px; font-weight: 700; margin: 0; color: #1f1b19; line-height: 1.25;
overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#aic-head .aic-sub { font-size: 12.5px; color: #7d726c; margin: 1px 0 0; line-height: 1.3;
overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* --- message list ------------------------------------------------------- */
#aic-log { flex: 1 1 auto; overflow-y: auto; padding: 16px; }
.aic-msg { display: flex; gap: 10px; margin: 0 0 16px; font-size: 14.5px; line-height: 1.6; }
.aic-msg:last-child { margin-bottom: 0; }
.aic-me { justify-content: flex-end; }
.aic-col { min-width: 0; max-width: 88%; }
/* margin-top centres the avatar on the first LINE BOX of the message, not on
the row: measured 1.8px low at margin-top:1px, so -1px lands it. Line box is
23.2px (14.5px x 1.6) against a 28px avatar. */
.aic-av { width: 28px; height: 28px; border-radius: 50%; flex: 0 0 28px;
background: #000; margin-top: -1px; overflow: hidden; }
.aic-av img { width: 100%; height: 100%; display: block; }
/* Assistant text carries no bubble: the avatar already marks the speaker, and
an unboxed answer reads as prose rather than as a chat artefact. */
.aic-ai .aic-b { background: transparent; border: 0; padding: 2px 0 0; color: #2b2622; }
.aic-me .aic-b {
background: #fa4c10; color: #fff; padding: 10px 14px;
border-radius: 16px 16px 4px 16px;
}
.aic-note .aic-b { color: #2b2622; }
.aic-err .aic-b { background: #fdf3f3; border: 1px solid #f0c9c9; color: #8a2020;
padding: 10px 13px; border-radius: 12px; }
/* --- source card -------------------------------------------------------- */
/* This is the conversion: the answer names a tool, this opens it. */
.aic-src { margin: 10px 0 0; padding: 0; list-style: none; }
.aic-src li { margin: 6px 0 0; }
.aic-src a {
display: flex; align-items: center; gap: 8px;
padding: 10px 13px; background: #fff; border: 1px solid #e8e2de; border-radius: 12px;
color: #b23a0c; font-size: 13.5px; font-weight: 600; text-decoration: none;
transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease;
}
.aic-src a .aic-sarrow { margin-left: auto; opacity: .55; font-size: 12px; }
.aic-src a:hover, .aic-src a:focus-visible {
border-color: #fa4c10; color: #8f2e0a; text-decoration: none;
transform: translateX(2px); box-shadow: 0 2px 8px rgba(250,76,16,.14);
}
.aic-src a:focus-visible { outline: 2px solid #fa4c10; outline-offset: 1px; }
/* --- suggested questions ------------------------------------------------ */
/* An empty chat is a blank page problem: people do not know what it can answer,
so they ask nothing. Editable in admin, not hardcoded. */
#aic-sug { margin: 16px 0 0; }
#aic-sug .aic-sug-h { font-size: 11.5px; text-transform: uppercase; letter-spacing: .04em;
color: #9b8d85; margin: 0 0 8px; font-weight: 700; }
.aic-chip {
display: block; width: 100%; text-align: left;
background: #fff; border: 1px solid #e8e2de; border-radius: 12px;
padding: 11px 13px; margin: 0 0 8px; font-size: 13.5px; color: #433b36;
cursor: pointer; font-family: inherit; line-height: 1.45;
transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease;
}
.aic-chip:hover { border-color: #fa4c10; color: #1f1b19;
transform: translateX(2px); box-shadow: 0 2px 8px rgba(250,76,16,.14); }
.aic-chip:focus-visible { outline: 2px solid #fa4c10; outline-offset: 1px; }
/* --- escalation to a human --------------------------------------------- */
/* Offered only when the assistant could not answer. Progressive disclosure: a
button first, fields only once pressed, so a dead end becomes a route to a
person without putting a form in front of everyone. */
.aic-esc { margin: 12px 0 0; padding: 13px; background: #fff;
border: 1px solid #e8e2de; border-radius: 14px; }
.aic-esc-h { font-size: 13.5px; color: #433b36; margin: 0 0 10px; font-weight: 600; }
.aic-esc .aic-btn {
display: inline-flex; align-items: center; gap: 7px;
background: #fa4c10; color: #fff; border: 0; border-radius: 999px;
padding: 10px 18px; font-size: 13.5px; font-weight: 600; cursor: pointer;
font-family: inherit; min-height: 42px;
}
.aic-esc .aic-btn:hover { background: #e34410; }
.aic-esc .aic-btn:focus-visible { outline: 3px solid #fff; box-shadow: 0 0 0 5px rgba(250,76,16,.45); }
.aic-esc .aic-btn[disabled] { opacity: .5; cursor: not-allowed; }
/* Visible labels, not placeholder-only: a placeholder disappears the moment
someone types, which is exactly when they need to know what the field was. */
.aic-f { margin: 0 0 10px; }
.aic-f label { display: block; font-size: 12px; font-weight: 600; color: #6b5f59; margin: 0 0 4px; }
.aic-f label .aic-opt { font-weight: 400; color: #9b8d85; }
.aic-f input, .aic-f textarea {
width: 100%; border: 1px solid #e2dad5; border-radius: 10px;
padding: 10px 12px; font-size: 16px; /* 16px stops iOS zooming on focus */
font-family: inherit; color: #222; background: #faf8f7; line-height: 1.4;
}
.aic-f textarea { resize: vertical; min-height: 72px; }
.aic-f input:focus, .aic-f textarea:focus {
border-color: #fa4c10; background: #fff; outline: 2px solid rgba(250,76,16,.22);
}
.aic-f .aic-ferr { display: block; font-size: 12px; color: #b02a2a; margin: 4px 0 0; }
.aic-esc-ok { font-size: 13.5px; color: #1d6b3a; margin: 0; display: flex; gap: 7px; align-items: flex-start; }
/* Three dots, not a spinner: the wait is short and this says "composing". */
.aic-dots span {
display: inline-block; width: 6px; height: 6px; margin-right: 3px;
background: #bcaea6; border-radius: 50%; animation: aic-bounce 1s infinite;
}
.aic-dots span:nth-child(2) { animation-delay: .15s; }
.aic-dots span:nth-child(3) { animation-delay: .3s; }
@keyframes aic-bounce { 0%,60%,100% { opacity: .35; transform: translateY(0); } 30% { opacity: 1; transform: translateY(-2px); } }
/* --- privacy notice ----------------------------------------------------- */
/* Says plainly that the question leaves the site, because it does: it goes to
an AI provider to be answered. Dismissible and remembered, so it informs
once instead of nagging. */
#aic-note {
flex: 0 0 auto; display: flex; align-items: flex-start; gap: 8px;
margin: 0 14px; padding: 10px 12px;
background: #fff; border: 1px solid #e8e2de; border-radius: 12px;
}
#aic-note p { flex: 1 1 auto; margin: 0; font-size: 11.5px; line-height: 1.5; color: #7d726c; }
#aic-note a { color: #b23a0c; text-decoration: underline; }
#aic-note a:hover, #aic-note a:focus-visible { color: #8f2e0a; }
#aic-note .aic-nx {
flex: 0 0 24px; width: 24px; height: 24px; border: 0; border-radius: 50%;
background: transparent; color: #9b8d85; cursor: pointer; font-size: 12px; line-height: 1;
display: flex; align-items: center; justify-content: center; position: relative;
}
/* 24px visual, 44px reachable */
#aic-note .aic-nx::before { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; }
#aic-note .aic-nx:hover { background: rgba(0,0,0,.06); color: #3f3a37; }
#aic-note .aic-nx:focus-visible { outline: 2px solid #fa4c10; outline-offset: 1px; }
/* --- composer ----------------------------------------------------------- */
#aic-foot { flex: 0 0 auto; padding: 10px 14px 14px; display: flex; gap: 8px; align-items: flex-end; }
#aic-cw {
flex: 1 1 auto; display: flex; align-items: flex-end; gap: 6px;
background: #fff; border: 1px solid #e2dad5; border-radius: 24px; padding: 4px 4px 4px 16px;
}
#aic-cw:focus-within { border-color: #fa4c10; box-shadow: 0 0 0 3px rgba(250,76,16,.16); }
#aic-q {
flex: 1 1 auto; resize: none; border: 0; background: transparent;
padding: 11px 0; font-size: 16px; /* 16px stops iOS zooming on focus */
line-height: 1.4; max-height: 96px; font-family: inherit; color: #222;
}
#aic-q:focus { outline: none; }
#aic-send {
flex: 0 0 auto; width: 40px; height: 40px; border: 0; border-radius: 50%;
background: #fa4c10; color: #fff; cursor: pointer; font-size: 14px;
display: flex; align-items: center; justify-content: center;
transition: background .15s ease;
}
#aic-send:hover { background: #e34410; }
#aic-send:focus-visible { outline: 3px solid #fff; box-shadow: 0 0 0 5px rgba(250,76,16,.45); }
#aic-send[disabled] { opacity: .4; cursor: not-allowed; }
#aic-cap { padding: 12px 16px; margin: 0 14px 10px; background: #fff;
border: 1px solid #e8e2de; border-radius: 14px; }
#aic-cap p { font-size: 13px; margin: 0 0 8px; color: #555; }
@media (max-width: 767px) {
#aic-panel {
right: 12px; left: 12px; width: auto;
bottom: calc(var(--aic-b, 12px) + 64px); height: auto; top: 12px; /* full height on a phone */
max-height: none;
}
.aic-col { max-width: 90%; }
}
@media (prefers-reduced-motion: reduce) {
#aic-launch, .aic-chip, .aic-src a, #aic-send, #bug-btn { transition: none; }
#aic-launch:hover, .aic-chip:hover, .aic-src a:hover { transform: none; }
#aic-panel { animation: none; }
.aic-dots span { animation: none; opacity: .6; }
}
</style>
<a id="bug-btn"
href="https://toolspivot.com/ar/report-bug"
rel="nofollow"
title="الإبلاغ عن خطأ"
aria-label="الإبلاغ عن خطأ"
onclick="this.href = this.href.split('?')[0] + '?url=' + encodeURIComponent(window.location.href)">
<i class="fa fa-bug" aria-hidden="true"></i>
<span class="bug-btn-label">الإبلاغ عن خطأ</span>
</a>
<!-- Bug Button End-->
<script>document.documentElement.className += ' aic-hold';</script>
<button id="aic-launch" type="button" aria-expanded="false" aria-controls="aic-panel"
title="اطرح سؤالاً"
aria-label="اطرح سؤالاً">
<i class="fa fa-comment" aria-hidden="true"></i>
</button>
<script>
window.AICHAT_CFG = {
ask: "https:\/\/toolspivot.com\/ai-chat\/ask",
verify: "https:\/\/toolspivot.com\/ai-chat\/captchaverify",
contact: "https:\/\/toolspivot.com\/ai-chat\/contact",
privacy: "https:\/\/toolspivot.com\/ar\/page\/privacy-policy",
lang: "ar",
sitekey: "",
icon: "https:\/\/toolspivot.com\/uploads\/74432335_ToolsPivot Icon.png",
suggest: ["التحقق مما إذا كان موقعي متوقفاً","ما ترتيب كلمتي المفتاحية؟","التحقق من قوة نطاقي","تدقيق قواعد اللغة"],
t: {"title":"اسأل ToolsPivot","open":"اطرح سؤالاً","close":"إغلاق","intro":"اسأل عن أي أداة في ToolsPivot وسأدلّك عليها.","ph":"اطرح سؤالاً","send":"إرسال","think":"جارٍ التفكير","err":"حدث خطأ ما. يرجى المحاولة مرة أخرى.","rate":"لقد بلغت الحد الأقصى للأسئلة. حاول لاحقاً.","src":"المصادر","sub":"إجابات مستندة إلى صفحات ToolsPivot","role":"مساعد ذكاء اصطناعي","note":"يُرسل سؤالك إلى مزوّد ذكاء اصطناعي لصياغة الإجابة. نحن لا نحتفظ برسائلك.","notelnk":"سياسة الخصوصية","notedis":"إخفاء","sugh":"جرّب أن تسأل","esc":"هل ما زلت بحاجة إلى مساعدة؟","escbtn":"راسل فريقنا","cname":"اسمك","cmail":"بريدك الإلكتروني","cmsg":"كيف يمكننا مساعدتك؟","csend":"إرسال الرسالة","cok":"شكراً لك. وصلتنا رسالتك وسنرد عليك عبر البريد الإلكتروني.","cbad":"يرجى إدخال بريد إلكتروني صالح.","copt":"اختياري","cap":"يرجى تأكيد أنك لست روبوتاً للمتابعة.","capfail":"فشل التحقق. يرجى المحاولة مرة أخرى."}};
</script>
<script src="https://toolspivot.com/theme/smallseo/js/ai-chat.js?v=20260906p" defer></script>
<div class="f_intro_bg text-center">
<form class="navbar-form mn" action="#">
<img src="https://toolspivot.com/theme/smallseo/img/form_subcribe_footer_brand.png?v=1788577768" class="f_icon" alt="" loading="lazy" decoding="async">
<span class="f_text">اشترك في نشرتنا البريدية</span>
<div class="input-group">
<input id="newsletterEmail" name="email" placeholder="أدخل بريدك الإلكتروني" class="form-control search_input pl30" type="email">
<div class="input-group-btn">
<button id="newsletterSubscribe" type="submit" class="btn btn-default search_button">اشتراك</button>
</div>
</div>
</form>
</div>
<div class="f_description_bg text-center">
<div class="f_graph">
<div class="container">
<div class="col-lg-1 col-md-1"></div>
<div class="col-lg-3 col-md-3 col-sm-4 col-xs-12 f_logo_box f_contect pn">
<a class="navbar-brand ptn" href="https://toolspivot.com/ar"><img src="https://toolspivot.com/uploads/ToolsPivot Logo Light.png" alt="ToolsPivot" width="398" height="78" loading="lazy" decoding="async" /></a>
<div class="contect_info col-xs-12 pn">
<p>تواصل معنا</p>
<span>info@toolspivot.com</span>
</div>
<div class="address_info col-xs-12 pn">
<p>العنوان</p>
<span>Ward No.1, Nehuta, P.O - Kusha, P.S - Dobhi, Gaya, Bihar, India, 824220</span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 lef_to_right_border f_version">
<p>أكثر أدواتنا استخدامًا</p>
<a href="https://toolspivot.com/ar/word-counter-tool" title="Word Counter"><div class="ver_img has-fa"><i class="fa fa-file-text-o"></i></div></a>
<a href="https://toolspivot.com/ar/plagiarism-checker" title="Plagiarism Checker"><div class="ver_img has-fa"><i class="fa fa-search"></i></div></a>
<a href="https://toolspivot.com/ar/sitemap-generator-tool" title="Sitemap Generator"><div class="ver_img has-fa"><i class="fa fa-sitemap"></i></div></a>
<a href="https://toolspivot.com/ar/robots-txt-generator" title="Robots.txt Generator"><div class="ver_img has-fa"><i class="fa fa-android"></i></div></a>
<a href="https://toolspivot.com/ar/reverse-image-search" title="Reverse Image Search"><div class="ver_img has-fa"><i class="fa fa-picture-o"></i></div></a>
<a href="https://toolspivot.com/ar/keywords-research-tool" title="Keywords Research"><div class="ver_img has-fa"><i class="fa fa-key"></i></div></a>
<a href="https://toolspivot.com/ar/backlink-maker" title="Backlink Maker"><div class="ver_img has-fa"><i class="fa fa-link"></i></div></a>
<a href="https://toolspivot.com/ar/meta-tag-generator" title="Meta Tag Generator"><div class="ver_img has-fa"><i class="fa fa-tags"></i></div></a>
<a href="https://toolspivot.com/ar/page-speed-checker" title="Page Speed Checker"><div class="ver_img has-fa"><i class="fa fa-tachometer"></i></div></a>
<a href="https://toolspivot.com/ar/article-rewriter-tool" title="Article Rewriter"><div class="ver_img has-fa"><i class="fa fa-pencil-square-o"></i></div></a>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 f_contect pl30" style="min-height: 230px;">
<div class="mor_pages">
<p>روابط سريعة</p>
<ul style="list-style:none;margin:0;padding:0;">
<li><a href="https://toolspivot.com/ar">بيت</a></li><li><a href="https://toolspivot.com/ar/page/dmca">حقوق المؤلف وDMCA</a></li><li><a href="https://toolspivot.com/ar/page/privacy-policy">سياسة الخصوصية</a></li><li><a href="https://toolspivot.com/ar/page/terms-of-service">شروط الخدمة</a></li><li><a href="https://toolspivot.com/ar/contact">اتصل بنا</a></li><li><a href="https://toolspivot.com/ar/page/about-us">معلومات عنا</a></li><li><a href="https://toolspivot.com/doc/ar">DocPivot</a></li> </ul>
</div>
</div>
</div>
</div>
</div>
<div class="clearfix"></div>
<div style="position: relative;">
<div class="container-fluid p10 footer">
<div class="container pn">
<div class="col-md-6 col-sm-12 col-xs-12 text-center pull-right_big">
</div>
<div class="col-md-6 col-sm-12 col-xs-12">
<p class="text-center margin0">جميع الحقوق محفوظة © 2018-2026 لشركة ToolsPivot.com. </p>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$("body").append('<div class="top">↑</div>'),$(window).scroll(function(){$(this).scrollTop()>220?$(".top").fadeIn(500):$(".top").fadeOut(500)}),$(".top").click(function(a){return a.preventDefault(),$("html, body").animate({scrollTop:0},500),!1})
</script>
<script>
jQuery(document).ready(function(){
jQuery("#newsletterSubscribe").click(function(e) {
e.preventDefault();
var newsletterEmail = jQuery('#newsletterEmail').val();
if (newsletterEmail == '') {
sweetAlert(oopsStr, inputEm, "error");
}else {
jQuery.post(baseUrl + 'newsletter', {subscribe: '1', email: newsletterEmail}, function (data) {
if (data.success)
sweetAlert('Success', data.msg, "success");
else
sweetAlert(oopsStr, data.msg, "error");
});
}
});
});
</script>
<!-- Bootstrap -->
<script src="https://toolspivot.com/theme/smallseo/js/bootstrap.min.js?v=1743851074" type="text/javascript"></script>
<!-- Sweet Alert -->
<script type='text/javascript' src='https://toolspivot.com/theme/smallseo/js/sweetalert.min.js?v=1743851074'></script>
<!-- App JS (self-contained UI: mega-menu, TOC, etc. — safe to defer).
No manual ?v= needed: themeLink() already appends ?v=filemtime, so editing
this file busts the two-month JS cache in .htaccess by itself. -->
<script src="https://toolspivot.com/theme/smallseo/js/app.js?v=1786855079" type="text/javascript" defer></script>
<!-- Navbar mega menus. On every page now, not just /doc/*, because ToolsPivot's
navbar carries All PDF Tools and All Image Tools too. The script returns
immediately when there is no `.dp-mega-wrap` on the page, so anywhere the
menus are absent it costs one querySelectorAll. Deferred: the panels are
plain lists of links until it runs, so nothing is broken in flight. -->
<script src="https://toolspivot.com/theme/smallseo/js/docpivot/megamenu.js?v=1786408068" type="text/javascript" defer></script>
<!-- Master JS -->
<script src="https://toolspivot.com/ar/rainbow/master-js?v=3d84fe0b9a" type="text/javascript"></script>
<!-- XD Box -->
<div class="modal fade loginme" id="xdBox" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button id="xdClose" type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<div class="modal-title" id="xdTitle"></div>
</div>
<div class="modal-body" id="xdContent">
</div>
</div>
</div>
</div>
<script> $("#collapse0").collapse();</script></body>
</html>
<!-- Cookie consent banner — GDPR/ePrivacy compliance. Renders only if no consent cookie set yet. -->
<div id="bvCookieBar" style="display:none;position:fixed;left:0;right:0;bottom:0;background:#1a202c;color:#fff;padding:14px 20px;z-index:9998;box-shadow:0 -2px 12px rgba(0,0,0,0.15);font-size:14px;line-height:1.5;">
<div style="max-width:1200px;margin:0 auto;display:flex;gap:16px;align-items:center;flex-wrap:wrap;">
<div style="flex:1;min-width:240px;">
🍪 We use cookies for analytics and ad personalisation. Choose whether to allow non-essential cookies. Essential cookies keep the site working and are always on. See our
<a href="https://toolspivot.com/ar/page/privacy-policy" style="color:#fa4c10;text-decoration:underline;">Privacy Policy</a>.
</div>
<div style="display:flex;gap:8px;flex-wrap:wrap;">
<button type="button" id="bvCookieAccept" style="background:#fa4c10;color:#fff;border:0;padding:9px 18px;border-radius:6px;font-weight:600;cursor:pointer;">Accept all</button>
<button type="button" id="bvCookieDecline" style="background:transparent;color:#fff;border:1px solid rgba(255,255,255,0.3);padding:9px 16px;border-radius:6px;font-weight:600;cursor:pointer;">Reject</button>
</div>
</div>
</div>
<script>
(function(){
var COOKIE = 'bv_cookie_consent';
var bar = document.getElementById('bvCookieBar');
// Read consent cookie
function getConsent() {
var m = document.cookie.match(/(?:^|; )bv_cookie_consent=([^;]+)/);
if (!m) return null;
try { return decodeURIComponent(m[1]); } catch (e) { return null; }
}
function setConsent(val) {
var d = new Date(); d.setTime(d.getTime() + 365 * 86400 * 1000);
document.cookie = COOKIE + '=' + val + '; expires=' + d.toUTCString() + '; path=/; SameSite=Lax';
}
if (!getConsent()) {
bar.style.display = '';
}
document.getElementById('bvCookieAccept').addEventListener('click', function(){
setConsent('accepted'); bar.style.display = 'none';
// Optionally re-fire analytics with consent
if (typeof gtag === 'function') gtag('consent', 'update', { ad_storage: 'granted', ad_user_data: 'granted', ad_personalization: 'granted', analytics_storage: 'granted' });
});
document.getElementById('bvCookieDecline').addEventListener('click', function(){
setConsent('declined'); bar.style.display = 'none';
if (typeof gtag === 'function') gtag('consent', 'update', { ad_storage: 'denied', ad_user_data: 'denied', ad_personalization: 'denied', analytics_storage: 'denied' });
});
})();
</script>