مرجع تخصصی آموزش طراحی و سئو وب سایت
صفحه اصلی / آموزش ها / آموزش قرار دادن عنوان و آیکن کنار عنوان وب سایت
آموزش قرار دادن عنوان و آیکن کنار عنوان وب سایت
نظرات: 3 نظر تگ ها: آیکن وب سایت|آموزش طراحی وب سایت

آموزش قرار دادن عنوان و آیکن کنار عنوان وب سایت


آموزش قرار دادن عنوان و آیکن کنار عنوان وب سایت

درهر مرورگر وقتی آدرس یک وب سایت راوارد میکنید و وب سایت برای شمابه نمایش درمی آید،
حتما تاحالا مشاهده کرده اید که درعنوان مرورگر هر وب سایت که باز میکنید یک متن درمورد آن وب سایت قراردارد ودربعضی از وب سایت ها هم کنارآن متن یک آیکن مشاهده میکنید،
متن مربوط به هر وب سایت که در مرورگر نمایش داده میشود، عنوان وب سایت وآیکنی که کنار عنوان وب سایت نمایش داده میشود، آیکن وب سایت نام دارند.
برای مثال همین صفحه وب سایت وان که درحال خواندن مقاله هستیداگر عنوان پنجره راببینید متن "آموزش های تخصصی وب، طراحی وب سایت و سئو وب سایت " و آیکن وب سایت وان رامشاهده می کنید.
درنظر داشته باشید که یکی ازنکات بسیارمهم در سئو وب سایت و بهینه سازی وب سایت ها ومعرفی وب سایت ها به موتورهای جستجوگر گوگل ، همین تعیین عنوان وب سایت وآیکن وب سایت میباشد، پس در طراحی های وب سایت خودحتما عنوان و آیکن وب سایت را قراردهید.
دراین آموزش مانحوه قرار دادن عنوان و آیکن در وب سایت راقرار می دهیم:

* نحوه قرار دادن "عنوان وب سایت":

درقسمت هد یا head وب سایت خوداین کد راوارد کنید:

* نحوه قرار دادن "آیکن وب سایت":

ابتدا آیکن موردنظرتان را طراحی کنید وآن رابا پسوند یافرمت .png در پوشه ای در هاست خودذخیره کنید،(لازم بذکراست که ذخیره کردن آیکن در هاست خود وکنار وب سایت اصلی ضروری نیست وشما میتوانید آیکن رادر هر هاستی آپلودکنید واز آدرس آن استفاده کنید)

سپس این قطعه کد را دربخش هد یا head وب سایت ویا صفحه مورد نظر خودقرار دهید:

درقطعه کد بالاخاصیت rel مشخص کننده نوع فعالیت است که دراین جا باید آیکن راانتخاب کنیم که یعنی به عنوان آیکن وب سایت استفاده شود، وقسمت href که حاوی آدرس تصویر موردنظر برای آیکن میباشد.
بطورنمونه اگر آدرس عکس شمابرابر www.yourwebsite.com/logo/yourlogo.png باشد شماباید کد رابه اینصورت وارد کنید:

بااین دو قطعه کدساده وب سایت یا صفحه وب شما دارای عنوان وآیکن میشود،

برای آموزشهای بیشتر به قسمت آموزش های وب سایت وان مراجعه فرمایید.

دیدگاه کاربران