دوشنبه ۲۸ خرداد ۱۴۰۳

Monday, June 17, 2024 GMT +3:30

متاتگ ها (Meta Tags) و کاربرد آنها در صفحات وب (HTML)

html-meta-tags

با مفهوم تگ در زبان HTML و تگ های اصلی و کلیدی صفحات وب در آموزش پیشین آشنا شدیم، در ادامه مباحثی که بررسی کردیم خواهیم دید که شکل دیگری از تگ ها در صفحات وب به کار می روند که به خودی خود هیچ تاثیر و جلوه ظاهری در خروجی کدها ندارند اما حاوی اطلاعاتی در خصوص نوع صفحات وب و نحوه پردازش آنها هستند که این اطلاعات برای ماشین (اعم از مرورگر، ربات و...) قابل فهم و استفاده است، این نوع تگ ها را در اصطلاح متاتگ (Meta Tag) می گویند که بر خلاف تگ های معمولی (که در قسمت body درج می شوند) در قسمت head صفحه قرار می گیرند، به هر صورت در این مطلب می خواهیم در ادامه مباحث و آموزش های مقدماتی، نحوه استفاده از متاتگ ها و کاربرد آنها در صفحات وب (HTML) را با هم مرور کنیم.

استفاده از متاتگ، ضروری یا اختیاری؟


به طور کلی درج متاتگ ها در صفحات وب ممکن است ضروری، اختیاری و حتی اشتباه باشد که این موضوع بستگی به نوع کاربرد و نحوه استفاده از آنها دارد، به طور مثال متاتگ مربوط به تعیین یونیکد صفحه (charset) برای اغلب صفحات وب ضروری است چرا که برای پردازش صحیح عبارات متنی در مرورگر مورد نیاز خواهد بود یا متاتگ درج نویسنده مطلب (author) که می تواند اختیاری باشد چون مشخص نیست ربات های موتورهای جستجو تا چه میزان برای این نوع متاتگ ها اهمیت قائل هستند و دسته آخر متاتگ هایی مانند robots که باید با دقت بالا استفاده شوند چون اگر مقدار آنها به درستی تنظیم نشود ممکن است باعث ایجاد مشکل در پیمایش و پردازش صفحه وب بخصوص برای ربات های جستجوگر شوند.

ساختار کلی متاتگ ها در HTML


طبق قوانین قراردادی HTML، متاتگ ها به صورت تکی در قسمت head صفحه وب درج می شوند یعنی نیازی به بستن آنها با تگ دیگری نیست، هر تگ با عبارت meta شروع شده و می تواند یک یا چند صفت (Attribute) با نام name، charset، content، http-equiv و... داشته باشد که این مسئله رویه یکسانی ندارد و بسته به نوع و هدف از بکارگیری متاتگ متفاوت است، هر صفت نیز با یک مقدار تکمیل می شود که منظور از متاتگ را مشخص می کند.
<meta name="..." content="...">

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>وبگو | ساختار کلی متاتگ ها در صفحات وب</title>
<!-- Webgoo.ir -->
</head>
<body>
محتوای صفحه وب
</body>
</html>
در بیشتر متاتگ ها دو صفت name و content باید به همراه هم استفاده شوند، در ادامه به طور جزئی تر به انواع مختلف متاتگ ها و نحوه استفاده از آنها در صفحات وب اشاره خواهیم کرد.

متاتگ charset


در HTML نسخه 5 از این متاتگ جهت تعیین یونیکد صفحه وب استفاده می شود، برای اغلب موارد و از جمله زبان فارسی مقدار این متاتگ باید عبارت utf-8 باشد:
<meta charset="utf-8">
نکته: در نسخه های قدیمی تر HTML در کنار متاتگ charset از متاتگ http-equiv برای تعیین یونیکد صفحه استفاده می شود (اگرچه شیوه قدیمی در HTML5 نیز معتبر است اما روش توصیه شده استفاده صرف از متاتگ charset است).
نکته: یونیکد استانداردی تعریف شده است که با آن کاراکترهای مربوط به زبان (به فرض فارسی) جهت استفاده در سیستم های مبتنی بر متن (مانند مرورگر) ترجمه و نهایتا تبدیل به نمادهای قابل فهم برای انسان می شوند.

متاتگ viewport


منظور از عبارت viewport بخشی از پنجره مرورگر است که صفحه وب در آن قابل مشاهده باشد، این مفهوم زمانی بهتر درک می شود که به طور مثال صفحه وبی با عرض ثابت 960 پیکسل داشته باشیم اما پنجره مرورگر را به اندازه 800 پیکسل کوچک کنیم، در این حالت به احتمال زیاد در انتها اسکرول افقی خواهیم داشت و بخشی از محتوا با وجود پردازش کامل صفحه در دیدمان نخواهد بود، پیش از فراگیر شدن استفاده از انواع مختلف دستگاه های تلفن همراه، فبلت، تبلت و... اغلب صفحات وب صرفا برای مشاهده در کامپیوترهای رومیزی با مقداردهی ثابت پیکسلی طراحی می شدند، این سبک طراحی باعث می شود تا صفحات عریض وب در دستگاه های دارای صفحه نمایش کوچک مانند تلفن همراه با کوچک نمائی (Scale Down) پردازش شوند، به این صورت که مرورگر تلفن همراه صفحه وب را تا آنجا که به طور کامل در محدوده نمایش (Viewport) قرار گیرد کوچک می کند که قاعدتا نتیجه، مطلوبمان نخواهد بود و نیاز است که با انجام بزرگنمایی به صورت دستی به اندازه ایده آل دست پیدا کنیم، برای حل این مشکل شرکت اپل متاتگی تحت عنوان viewport معرفی کرد که اگرچه هنوز رسما جزئی از استاندارد HTML نیست اما به صورت مناسبی در مرورگرهای مختلف پشتیبانی می شود، نحوه استفاده از این متاتگ در اغلب موارد به صورت نمونه زیر است:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
درج این متاتگ در صفحه سبب می شود تا بتوانیم میزان بزرگنمایی اولیه را که بلافاصله پس از بارگذاری صفحه وب توسط مرورگر اعمال می شود تعیین کنیم، صفت content در این متاتگ می تواند پارامترهایی مانند width، height، initial-scale، minimum-scale، maximum-scale و user-scalable با مقادیری به شرح زیر داشته باشد:
width: مقدار پیکسلی مانند 960 یا عبارت device-width به معنی عرض دستگاه.
height: مقدار پیکسلی مانند 960 یا عبارت device-height به معنی ارتفاع دستگاه.
initial-scale: مقدار بزرگنمائی اولیه، معمولا با عدد 1.0 (به معنی عدم بزرگنمایی) تعریف می شود اما می تواند مقادیر عددی دیگری بپذیرد.
minimum-scale: حداقل بزرگنمائی مجاز، عدد 1.0 نقطه شروع و به معنی عدم بزرگنمایی.
maximum-scale: حداکثر بزرگنمائی مجاز، عدد 1.0 نقطه شروع و به معنی عدم بزرگنمایی.
user-scalable: وجود یا عدم وجود قابلیت بزرگنمائی دستی توسط کاربر، با مقدار yes یا no تعریف می شود.
در شیوه های نوین طراحی قالب های وب که صفحات را به صورت واکنش گرا (Responsive) طراحی می کنند، در کنار مقداردهی درصدی (به جای مقداردهی ثابت پیکسلی) و استفاده از امکاناتی چون Media Query در CSS، درج متاتگ viewport نیز نباید فراموش شود، البته برای نوآموزان HTML صرف آشنایی اولیه با این متاتگ کفایت خواهد کرد.

متاتگ های صفت http-equiv


عبارت equiv در این نوع متاتگ مخفف equivalent به معنی معادل است، لذا این متاتگ معادل سربرگ های HTTP را تنظیم می کند، متاتگ با صفت http-equiv می تواند مقادیری چون content-type، refresh، cache-control، cookie و... داشته باشد، در واقع تمام این موارد معادل سربرگ های HTTP هستند که می توان با روش های دیگر مانند استفاده از برنامه نویسی PHP نیز آنها را تنظیم کرد.

متاتگ http-equiv، مقدار content-type


تنظیم مقدار صفت متاتگ http-equiv با عبارت content-type به مرورگر خواهد گفت که صفحه وب ما از چه ساختاری استفاده و کاراکترهای آن از چه یونیکدی پیروی می کند، یک مثال برای استفاده از این متاتگ:
<meta http-equiv="content-type" content="text/html; charset=utf-8">
نکته: در HTML نسخه 5 برای تنظیم یونیکد صفحه نیازی به http-equiv نیست و کافی است که از صفت charset استفاده کنیم.

متاتگ http-equiv، مقدار refresh


مقدار دیگری که می توان برای متاتگ http-equiv در نظر گرفت عبارت refresh است که برای تازه سازی صفحه یا انتقال خودکار کاربر به آدرس URL جدید استفاده می شود، در این حالت باید از صفت content نیز استفاده کنیم، صفت content می تواند شامل مقدار زمان به ثانیه جهت تازه سازی صفحه و همچنین آدرس URL مقصد باشد:
<meta http-equiv="refresh" content="5">

<meta http-equiv="refresh" content="10; url=http://yoursite.com">
عددی که در این متاتگ درج شده، مقدار زمان به ثانیه ای است که بعد از آن کاربر به آدرس جدید منتقل خواهد شد، همان طور که در مثال مشخص است، درج آدرس URL اختیاری است و می توانیم این قسمت را تنظیم نکنیم (در این صورت همان صفحه فعلی تازه سازی خواهد شد).

متاتگ http-equiv، مقدار cache-control


این متاتگ برای مدیریت نحوه ذخیره موقت یا به اصطلاح Cache شدن صفحات وب در مرورگر کاربران به کار می رود، در حالت معمول اغلب مرورگرها محتویات صفحات وب از جمله تصاویر و فایل ها را در حافظه موقت سیستم ذخیره و نگهداری می کنند تا در مراجعات بعدی با سرعت بیشتری به منابع مورد نیاز جهت نمایش صفحه وب دست پیدا کنند، اما گاهی نیاز می شود که محتوای برخی صفحات از این عمل مصون بمانند، بدین منظور از متاتگ cache-control به یکی از شیوه های زیر استفاده می کنیم:
<meta http-equiv="cache-control" content="public">
<meta http-equiv="cache-control" content="private">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="cache-control" content="no-store">
معنی مقادیر صفت content این متاتگ به قرار زیر است:
- public: محتوا در حافظه مشترک تمام کاربران یک سیستم ذخیره می شود.
- private: محتوا تنها در حافظه نام کاربری فعلی ذخیره می شود.
- no-cache: هیچ ذخیره ای از محتوا در حافظه صورت نمی گیرد.
- no-store: در محدوده زمانی کوتاهتری محتوا ذخیره و نگهداری می شود و به صورت آرشیو در نمی آید.

متاتگ http-equiv، مقدار set-cookie


عبارت دیگری که می توانیم به عنوان مقدار برای متاتگ http-equiv تنظیم کنیم set-cookie است، با این عبارت می توانیم یک کوکی را با نام، مقدار، مسیر و تاریخ انقضای مشخص تعریف کنیم:
<meta http-equiv="set-cookie" content="user_id=123; path=/; expires= Saturday, 13-Jan-18 23:59:59 GMT">
در نمونه بالا قسمت user_id=123 نام کوکی و مقدار آن، قسمت path مسیر کوکی (آدرسی که کوکی در آن اعمال می شود) و قسمت expires تاریخ انقضای کوکی (با فرمت Day, DD-MMM-YY HH:MM:SS Timezone) را شامل می شود.
نکته: همان طور که اشاره کردیم متاتگ های گروه http-equiv در واقع روش های جایگزینی برای تنظیم سربرگ های HTTP هستند که معمولا توسط برنامه نویسی سمت سرور مانند PHP تنظیم می شوند.

متاتگ description


یکی از متاتگ هایی که به لحاظ علم بهینه سازی صفحات وب برای موتورهای جستجو (SEO) اهمیت زیادی دارد، متاتگ description است که مانند سایر متاتگ ها در قسمت head صفحه درج می شود، این متاتگ معمولا شامل توضیحی در حد یک یا چند سطر از خلاصه محتوای صفحه است، مثال:
<meta name="description" content="توضیحی در حد چند سطر از محتوای صفحه وب خود را در این قسمت درج می کنیم.">
با توجه به اهمیت رعایت سئو در صفحات وب می توان استفاده از این متاتگ را ضروری در نظر گرفت، محتوای متاتگ description می تواند بخشی از مطلب اصلی نیز باشد، به طور مثال پاراگراف اول یا نتیجه پایانی مطلب، معمولا موتورهای جستجو این اطلاعات را در هنگام نمایش لیست نتایج جستجو به کاربران نمایش می دهند.

متاتگ keywords


زمانی نچندان دور متاتگ keywords مانند متاتگ description دارای اهمیت زیادی در علم بهینه سازی صفحات وب برای موتورهای جستجو (SEO) بود، اما اکنون به دلیل تغییر الگوریتم های به کار رفته در موتورهای جستجو و حساسیت بالای این الگوریتم ها در شناسایی صفحات اسپم و جعلی، از میزان اهمیت این متاتگ کاسته شده و به نوعی آن را به حالت اختیاری و حتی غیرضروری درآورده که احتمالا صرفا توسط موتورهای جستجوی متفرقه مورد استفاده قرار می گیرد، به هر صورت نحوه تنظیم این متاتگ به شکل زیر است:
<meta name="keywords" content="کلمات, کلیدی, صفحه, وب">
برای جدا سازی کلمات کلیدی در متاتگ keywords، از علامت ویرگول (به صورت زبان انگلیسی) استفاده می کنیم، دقت کنیم که تعداد کلمات کلیدی نباید خیلی کم یا خیلی زیاد باشند، هرچند استاندارد خاصی برای این موضوع وجود ندارد، اما عدد حداقل 3 و حداکثر 10 می تواند منطقی باشد.

متاتگ robots


این متاتگ برای اعمال دستوراتی که ربات های خزنده وب (Web Crawler Bots) از آنها پیروی می کنند مورد استفاده قرار می گیرد، منظور از ربات های خزنده وب برنامه هایی هستند که با هدف پیمایش خودکار صفحات وب نوشته شده اند، این ربات ها می توانند مربوط به موتورهای جستجو، برنامه های تحلیل وب، برنامه های کاوش و استفاده از محتویات صفحات وب و... باشند، در هر حال لازم به ذکر است که دستورات متاتگ robots تنها توسط برخی ربات ها (مانند ربات گوگل) مورد احترام واقع می شود و خیلی از ربات ها توجهی به این متاتگ نمی کنند، از آنجایی که موتورهای جستجو برای این متاتگ به طور جدی احترام قائل هستند لذا استفاده صحیح از آن در صفحات وب اهمیت زیادی دارد، به طور مثال درج مقدار زیر در صفحه اول سایت باعث می شود ربات ها علاوه بر ایندکس (ثبت، index) صفحه فعلی پیوندهای موجود در آن را نیز دنبال و پیمایش (follow) کنند.
<meta name="robots" content="index, follow">
با تکه کد بالا، به ربات ها خواهیم گفت که صفحه وب ما را ثبت (index) کرده و لینک های موجود در آن را دنبال (follow) کنند، چند نمونه دیگر از این متاتگ که تنها در موارد خاصی مورد استفاده قرار می گیرد:
<meta name="robots" content="noindex, follow">
<meta name="robots" content="noindex, nofollow">
<meta name="robots" content="index, nofollow">
با توجه به عبارت موجود در قسمت content، رفتار ربات هایی که از این متاتگ پیروی می کنند نسبت به صفحه و لینک های آن متفاوت خواهد بود، noindex به معنی عدم ثبت و nofollow به معنی عدم پیمایش است.
نکته: از مقادیر noindex و nofollow زمانی استفاده می شود که نخواهیم به هر دلیل صفحه وب توسط ربات ها کاوش شود، به طور مثال صفحات مربوط به ورود کاربران، صفحات شخصی و...

متاتگ generator


متاتگ generator برای مشخص کردن اینکه صفحه مورد نظر از چه برنامه یا خدماتی جهت انتشار محتوا استفاده می کند به کار می رود، درج این متاتگ اختیاری است و تاثیر خاصی در رتبه و عملکرد صفحه وب در موتورهای جستجو ندارد:
<meta name="generator" content="phpStorm">

متاتگ author


برای مشخص کردن نویسنده مطلب از این متاتگ می توانیم استفاده کنیم، هرچند مشخص نیست بودن یا نبودن آن چه تاثیری در عملکرد موتورهای جستجو دارد اما در هر صورت برای سایت ها و وبلاگ هایی که چند مدیر و کاربر مجزا دارند می تواند مفید باشد:
<meta name="author" content="admin">

متاتگ expires


متاتگ expire تاریخ انقضای صفحه وب را مشخص می کند، کاربرد آن اختیاری است و بسته به شرایط معمولا برای صفحاتی که به صورت مدت زمان محدود طراحی می شوند کاربرد دارد، این متاتگ به لحاظ SEO تاثیر زیادی بر روی عملکرد سایت یا وبلاگ در موتورهای جستجو ندارد:
<meta name="expires" content="Tue, 21 Jun 1999">
<meta name="expires" content="never">

متاتگ copyright


برای مشخص کردن اینکه محتوای صفحات وب دارای کپی رایت یا حقوق مولف است از این متاتگ در کدهای خود استفاده می کنیم، هرچند استفاده از آن هیچ تضمینی برای عدم سوء استفاده دیگران از محتوای ما ایجاد نمی کند و متاسفانه همواره هستند کسانی که می خواهند نابرده رنج گنج میسر کنند!:
<meta name="copyright" content="(c) 2018 Webgoo.ir">
تعداد متاتگ ها به مواردی که گفتیم محدود نمی شود اما آشنایی با موارد گفته شده تا حدود زیادی کاربردهای عادی در صفحات وب را پوشش می دهد.
دسته بندی: آموزش مقدماتی » HTML
related مطالب بیشتر:
آشنایی با HTML، زبان پایه کدنویسی وب
کار با تگ های ایجاد کننده لیست در HTML
کاربرد تگ img و نمایش تصاویر در HTML
تگ های اصلی و کلیدی HTML
کار با تگ فرم (form) در HTML
دیدگاه
more ۶۹ دیدگاه برای این مطلب ارسال شده است.
more دیدگاه جدید بر اساس تاریخ ارسال در انتهای دیدگاه های موجود نمایش داده می شود.
۱۲:۲۸ ۱۳۹۴/۰۵/۱۱
با سلام سایت خوبی دارید اگه افتخار دادید یه سری به وبلاگ من بزنید.
۱۲:۵۷ ۱۳۹۴/۰۶/۱۳
مرسی
من سیامک ندیمی هستم مدیر سیستم رزرو بلیط چارتر bilitecharter.com زیاد با برنامه نویسی آشنا نیستم و نیاز داشتم به مرجعی که تگ را به من معرفی کنه و خدا رو شکر شما رو پیدا کردم و تونستم یکی از تگهای خیلی مهم را درست کنم در سایتم
متشکرم و امیدوارم در پناه خدای مهربان موفق باشید
محمد
۲۰:۳۶ ۱۳۹۴/۰۷/۰۷
استفاده کردم
حسین
۱۷:۱۹ ۱۳۹۴/۰۸/۲۸
سلام خسته نباشید
در مورد اینکه این متاتگ keywords را در صفحه های اخبار استفاده کنم چجوری است ، من از سشن اسفتاده کردم ولی برای هر بار وارد شدن به خبر باید یک بار رفرش شود تا سشن قبلی پاک و سشن جدید جایگزین شود
ممنون
متاتگ keywords یک متاتگ ساده است و تاثیری در سشن و... ندارد، به نظر مشکل صفحه ناشی از موارد دیگری است!
حسین
۱۱:۵۵ ۱۳۹۴/۰۸/۲۹
سلام مجدد
خوب اگه خودتون بخواید یک سایتی درست کنید نه وردپرس چجوری سشن را در صفحه خبرتان جایگذاری میکنید منظورم اصولیات کار هست
ممنون میشم پاسخ دهید
سوالتان پاسخ خاصی ندارد و گستره آن وسیع است! زمانی که کار با سشن و کوکی را بلد باشید (جزء مباحث تقریبا پیشرفته در برنامه نویسی وب)، می توانید هر طور که مورد نیازتان باشد از آنها استفاده کنید و الزاما شیوه یکسانی وجود ندارد، در واقع یک سایت خبری در حالت عادی ممکن است حتی نیازی به سشن نداشته باشد، چون بحث سشن و کوکی به مواردی مانند ورود به سایت، شناسایی کاربران در مراجعات بعدی، ذخیره موقت برخی تنظیمات و... مرتبط می شود.
امین
۱۴:۵۷ ۱۳۹۴/۰۹/۰۷
سلام استاد
آیا میشه با جاوا اسکریپت محتوای یک div یا input رو تو حافظه موقت کپی کرد؟؟
متاسفانه پشتیبانی از این قابلیت در نسخه های قدیمی مرورگرها خیلی کامل نیست، اما با روش های ارائه شده در آدرس های زیر، می توان برای مرورگرهای جدید این امکان را استفاده کرد:
http://www.htmlgoodies.com/beyond/javascript/article.php/3458851

https://zenorocha.github.io/clipboard.js/
امین
۱۲:۰۷ ۱۳۹۴/۰۹/۰۹
ممنون استاد
اما منظورم این بود که آیا خود جاوا اسکریپت کدی نداره که اینکار بکنه؟
یعنی جی کوئری استفاده نکنیم.
اون سایته :
http://www.htmlgoodies.com/beyond/javascript/article.php/3458851
هم امتحان کردم نشد.
گویا اینطور که شما میفرمایید شدنی نیست چون نسخه مرورگر من بروز هم هست فایرفاکس 42.
تو کامنتهای کاربراش هم گفته بودن اون کد فقط برای IE کار میکنه !!!!
متاسفانه در حال حاضر هیچ متد قابل اتکایی برای این مورد وجود ندارد که دلیل آن هم بحث امنیت در وب است، با این حال به نظر در نسخه های آینده مرورگرها متد
execCommand('copy')
پشتیبانی شده و قابل اجرا خواهد بود، در شرایط فعلی ترکیب جاوا اسکریپت و یک فایل فلش یا استفاده از برخی کلاس های نوشته شده برای این کار (در صورتی که نمی خواهید از جی کئوری استفاده کنید) تنها گزینه است:
http://www.deluxeblogtips.com/2010/06/javascript-copy-to-clipboard.html
امین
۱۲:۱۵ ۱۳۹۴/۰۹/۰۹
یه روش پیدا کردم که کد رو میگیره
console.log میکنه محتواشو !!!!
به نظر شما درسته اینکار؟
دقیقا متوجه سوال نشدیم! console.log صرفا قابلیتی برای خطایابی و دیدن اتفاقاتی است که در پس زمینه مرورگر رخ می دهند!
farhad
۰۴:۰۵ ۱۳۹۴/۱۰/۱۰
سلام
خسته نباشید
سوال من اینه که من در فایل header سایتم برای سئو باید از کد h1 استفاده کنم من این کد رو در فایل header قرار دادم به این شکل
<h1><title><?php echo $title; ?></title></h1> 
ایا این درسته؟ یا جای دیگه باید بزارم؟
تگ h1 برای سرتیتر صفحه HTML است و تگ title برای عنوانی است که در نوار مرورگر نمایش داده می شود، لذا روش شما اشتباه است و از تگ h1 باید در محتوای صفحه (قسمتی در تگ body) استفاده کنید!
۲۲:۵۰ ۱۳۹۴/۱۱/۰۴
دستتون درد نکنه
بالاخره یکی پیدا شد نسبتا کامل متاتگ ها رو توضیح بده
بازم ممنون
payam
۱۶:۰۰ ۱۳۹۴/۱۱/۲۶
سلام و احترام
من میخوام برای سایتم متا description رو تعریف کنم از طریق افزونه سئو و تنظیمات اون امکانش نبود.
سوال من اینه که html رو از کجا میتونم ویرایش کنم تا بتونم این متا description رو براش بنویسم؟؟
این موضوع بسته به سیستم مدیریت محتوای سایت شما (جوملا، وردپرس و...) می تواند متفاوت باشد، برای آگاهی از نحوه ویرایش قالب HTML سیستم مدیریت محتوای خود، لطفا به انجمن های پشتیبانی مرتبط با آن مراجعه کنید!
نکته: معمولا در اغلب سیستم های مدیریت محتوا، در پنل مدیریت بخشی برای ویرایش سورس HTML قالب وجود دارد.
payam
۰۹:۱۴ ۱۳۹۴/۱۱/۲۷
ممنون از پاسخ کامل و سریعتون.
متاسفانه اغلب پاسخگو نیستن و چون من بیشتر به سایتتون میام گفتم از شما بپرسم و مزاحم شدم.
سیستم من وردپرس هست. در وردپرس بخش ویرایش HTML کجاست؟
سپاس از شما
در وردپرس از سربرگ "نمایش -> ویرایشگر" می توانید این کار را انجام دهید، آدرس URL به شکل زیر خواهد بود:
wp-admin/theme-editor.php
همچنین از طریق پنل هاست نیز به فایل قالب به صورت مستقیم می توانید دسترسی داشته باشید، قالب های وردپرس در آدرس
wp-content/themes/
قرار دارند.
payam
۱۳:۴۴ ۱۳۹۴/۱۱/۲۷
سپاسگزارم.
چجوری میتونم با شما از طریق ایمیل و یا شبکه های مجازی در ارتباط باشم؟؟
جهت انجام کار و مشاوره
در صورتی که سوالاتتان خارج از مباحث سایت است، می توانید از طریق ایمیل (موجود در بخش تماس) آنها را مطرح کنید، البته با توجه به تعداد زیاد سوالات کاربران و زمان محدود ما، ممکن است نسبت به درج یادداشت در مطالب، دیرتر پاسختان را دریافت کنید!
محمد
۲۰:۳۶ ۱۳۹۴/۱۲/۲۶
سلام. میخواستم بدونم چطور میشه برای هر صفحه متای توضیحات و کلمات کلیدی تعریف کرد. وبسایت من یکسری کلمات کلیدی و توضیحات متا داره که در همه ی صفحات تکرار میشه...
meta name="description"
meta name="keywords"
در هر صفحه کلمات در این تگ ها فقط تکرار میشوند
در صورت داینامیک بودن سایتتان، این موضوع به امکانات و ساختار سیستم مدیریت محتوای (CMS) شما برمی گردد و اگر چنین ساختاری برای آن تعریف نشده باشد، معمولا ایجاد آن یک کار برنامه نویسی و فنی خواهد بود!
۱۷:۱۲ ۱۳۹۵/۰۲/۱۰
بعد از اعمال این متاتگ ها تغییر رو میشه توی صفحات و رتبه دید
خیلی ممنونم
more لطفا پیش از ارسال دیدگاه نکات زیر را مد نظر داشته باشید:
- به سوالات کلی، زمانبر، مبهم و مشکلاتی که تلاشی برای رفع آنها نکرده باشید پاسخ مختصر داده شده یا به بخش برنامه نویسی اختصاصی ارجاع داده می شوند.
- کدها و اسکریپت های طولانی را ترجیحا در یک صفحه وب آنلاین یا به صورت حساب موقت و آزمایشی قرار دهید تا امکان بررسی دقیق مشکل و خطایابی میسر باشد.
- تمام دیدگاه های ارسالی خوانده شده و برای هر کاربر مدت زمان لازم جهت پاسخگویی در نظر گرفته می شود، لطفا از طرح سوالات متعدد در بازه زمانی کوتاه خودداری کنید.



 refresh
10 × 10
2 × 1
20 × 20
=
آخرین دیدگاه ها
more برای دسترسی سریع به یادداشت مربوطه می توانید از لینک مطلب در کادر زیر استفاده کنید.
پرتو
سلام خوبید؟ خسته نباشید ببخشید مزاحم میشم ممنون از جوابتون راستش بعضی وقتا از بس سوالاتم زیاده روم نمیشه ازتون بپرسم مثل امشب که چیکار...
۱۴۰۳/۰۳/۱۳

پرتو
سلام خوبین؟ خسته نباشید یه سوال من منوی سمت راست قالبم نوشته هاش چسبیده به بردر باید چیکار کنم که درست شه؟ یعنی منظورم اینکه...
۱۴۰۳/۰۳/۰۹

پرتو
سلام خوبید؟ بلاکفا باز دچار مشکل شده یا فقط برای من دچار مشکل شده؟ منظورم اینکه خیلی دیر باز میشه و فقط برای فایرفاکس هم...
۱۴۰۳/۰۳/۰۱

سعیدی
سلام می تونید اینو اصلاح کنید؟ چون من با توضیحات شما یاد نگرفتم خیلی ممنون اگه یکبار اصلاح کنید واسه بعد یاد...
۱۴۰۳/۰۲/۲۲

سعیدی
دست شما درد نکنه وقتی اینطوری تغییر میدم و به class می نویسم کار نمی کنه و ارور میده
۱۴۰۳/۰۲/۲۱

سعیدی
دست شما درد نکنه خیلی خوب بود این یکی رو چطوری فراخوانی کنم؟ این واسه مناسبت هاست خیلی ممنون
۱۴۰۳/۰۲/۱۹

سعیدی
با سلام آیا می شه این تابع رو بصورت class نوشت؟ میخوام وقتی کد ملی میدم با این تابع فراخوانی بشه و شهر...
۱۴۰۳/۰۲/۱۹

پرتو
مگه شما دارین اموزشش رو؟ آدرسش رو میزارید؟ یا اگر سایتی رو میشناسید که آموزش داده باشه معرفی کنید ممنون میشم من خیلی گشتم توی...
۱۴۰۳/۰۲/۱۸

پــرتو
سلام خوبید ؟ خسته نباشید گوشی پدرم شیاومی هست ایمیلمو ثبت کردم داخلش بعد می خواستم حذفش کنم نمیشد می گفت همه داده های توی...
۱۴۰۳/۰۲/۱۶

vip
خیلی ممنونم از شما خیلی عالی شد میشه مثل تبلیغ بلاگفا باشه یعنی زیر صفحه نمایش داده بشه و صفحه رو سیاه نکنه که تا...
۱۴۰۳/۰۲/۰۵

vip
با سلام و خسته نباشید استاد چند وقت پیش این کد رو از شما گرفتم این کد خیلی خوبه و کاربر رو هم...
۱۴۰۳/۰۲/۰۴

پـــرتو
سلام خسته نباشید شرمنده مزاحم میشم یه سوال داشتم می خواستم بپرسم که چرا بلاگفا باز نمیشه برام؟ کلا هر وبلاگی که مربوط به بلاگفا...
۱۴۰۳/۰۲/۰۲
  در انتظار بررسی: ۰
 پاسخگویی به سوالات ممکن است تا ۲۴ ساعت زمان ببرد.