آموزش کامپیوتر و اینترنتآموزش وبلاگ نویسی

کد قرار دادن تصویر , لوگو و بنر تبلیغاتی در سایت

امروز با آموزش قرار دادن تصویر , لوگو , بنر های تبلیغاتی و… در سایت و وبلاگ در خدمت شما هستم

آموزش قرار دادن تصویر در سایت

برای قرار دادن بنر در سایت خود ابتدا آن را در یک مکان آپلود نمایید و لینک تصویر را در کد های زیر قرار دهید

در صورتی که فرمت بنر شما jpg – jpeg – gif – png می باشد از کد زیر استفاده نمایید:

کد قرار دادن تصویر بدون لینک در سایت و وبلاگ

<img src="آدرس تصویر آپلود شده" border="0" title="عنوان تصویر" alt="توضیح تصویر" />

کد قرار دادن تصویر لینک دار یا بنر تبلیغاتی در سایت و وبلاگ

<a href="لینک سایت"><img src="آدرس تصویر آپلود شده" border="0" title="عنوان تصویر" alt="توضیح تصویر" /></a>

کد قرار دادن تصویر لینک دار یا بنر تبلیغاتی در سایت و وبلاگ + تعیین اندازه تصویر

<a href="لینک سایت"><img src="آدرس تصویر آپلود شده" border="0" title="عنوان تصویر" alt="توضیح تصویر" width="عرض تصویر" height="ارتفاع تصویر" /></a>

برای قرار دادن فایل فلش با فرمت swf از کد زیر استفاده نمایید:

 <embed src="لینک فایل فلش" width="عرض بنر" height="طول بنر"></embed>

فایل فلش میتوانید یک بنر تبلیغاتی یا یک بازی آنلاین و… باشد

کد قرار دادن 2 یا 4 بنر کنار همدیگر در سایت

<a target="_blank" rel="nofollow" href="لینک سایت">
<img width="عرض" height="طول" border="0" src="لینک تصویر" title="عنوان تصویر" alt="توضیح لینک" vspace="1"></a>

<a target="_blank" rel="nofollow" href="لینک سایت">
<img width="عرض" height="طول" border="0" src="لینک تصویر" title="عنوان تصویر" alt="توضیح لینک" vspace="1"></a>

در کد بالا 2 بنر کنار همدیگر قرار گرفته اند. در صورتی که کد را دو بار قرار دهید تعداد بنر ها 4 بنر می شوند

همچنین در کد بالا لینک ها نوفالو شده اند که سعی کنید همه لنیک ها و بنر های خروجی سایت خود را نوفالو کنید

چرا لینک‌های خروجی را nofollow کنیم؟

از نظر سئو ، هرباری که روی لینکی کلیک میکنید ، خواه اون لینک یکی از صفحات شما باشه یا یک لینک خروجی به سایتی دیگه ، شما توجه رو به سمت اون لینک‌ها جلب میکنید که اصطلاحا با نام link juice شناخته میشه. به همین خاطر هم هست که متخصصین سئو ، پیشنهاد میکنند که به لینکهای قدیمی‌تر سایت خودتون لینک بدید. حالا اگر پستی می‌نویسید که هم لینک داخلی به صفحات سایت خودتون داره و هم لینک خروجی به صفحات سایتهای دیگه، پس به احتمال خیلی زیاد دوست دارید که حداکثر link juice به لینکهای داخلی خودتون تعلق بگیره ، و این کار با افزودن nofollow به لینک‌های خروجی امکان‌پذیر هست. در واقع مشخصه nofollow باعث میشه که موتورهای جستجو، link juice رو به لینکهای خروجی انتقال ندن. نحوه‌ی اضافه کردن rel=nofollow به شکل زیر است:

<a href="لینک سایت"rel="nofollow">عنوان سایت</a>

برای وسط چین کردن کد های بالا باید از کد زیر استفاده نمایید: (یکی از کد های بالا را وسط کد زیر قرار دهید تا وسط چین شود)

<center>
کد تصویر یا بنر که میخواهید وسط چین شود
</center>

توضیحاتی در مورد کد های بالا:

لینک سایت: در این بخش لینک سایتی را قرار دهید که کاربر بعد از کلیک بر روی تصویر به آن لینک منتقل شود.

target=”_blank” : این بخش باعث میشود که پس از کلیک بر روی تصویر, لینک در صفحه جدید باز شود. در صورت حذف این کد, کاربر به صورت مستقیم از سایت شما به لینک مورد نظر منتقل خواهد شد.

عنوان تصویر: در این بخش عنوانی برای تصویر خود قرار دهید. در صورتی که ماوس را روی تصویر نگه دارید پس از چند ثانیه عنوان آن نمایان خواهد شد. این عنوان باعث میشود تصویر شما در تصاویر گوگل ثبت شوند و بر روی سئو سایت شما تاثیر مثبت دارد.

لینک تصویر: در این بخش لینک (آدرس) تصویر مورد نظر خود را قرار دهید. برای به دست آوردن آدرس تصویر کافیست آن را در یک آپلود سنتر یا فضای وب سایت خود آپلود نمایید. توجه نمایید این لینک حتما باید با http:// شوع شود.

نام تصویر: در این بخش نامی برای تصویر خود قرار دهید. این نام باعث میشود تصویر شما در تصاویر گوگل ثبت شوند و بر روی سئو سایت شما تاثیر مثبت دارد. همچنین در صورت لود نشدن تصویر یا تاخیر در لود شدن آن, این نام نمایان می شود تا کاربر منتظر لود شدن آن بماند.

width=”534″ : در این بخش اندازه عرض تصویر خود را وارد نمایید.

height=”375″ : در این بخش اندازه طول تصویر خود را وارد نمایید.

“rel=”nofollow : این کد باعث می شود که لینک شما نو فالو شود که برای سئو سایت شما مناسب است (طبق توضیحات داده شده در بالا)

سیدرضا بازیار

من مهندس فناوری اطلاعات و توسعه دهنده Back end هستم. حس کنجکاوی، تمایل به کشف دنیاهای جدید و علاقه زیادی به حل چالش‌های گوناگون در زمینه‌های مختلف داشتم باعث شد وارد حرفه‌ی پرچالش و عمیق برنامه‌نویسی بشوم و هر روز بیشتر در این دنیای بزرگ غرق می‌شوم. در حال حاضر با مهارت هایی نرم مانند کار تیمی، قدرت مذاکره، خوش برخوردی، پرورش ایده و مهارت های سخت مانند PHP, OOP, Clean Code, Design Patterns و ... با علاقه مشغول به فعالیت در جامعه متن‌باز هستم. معتقدم هر روز بیشتر از دیروز، عمده کارهای انسان‌ها توسط ربات‌ها انجام خواهد شد، به همین دلیل سعی میکنم اسکریپت‌های زیادی با PHP ، Shell Scripting و Bash Scripting بنویسم و سعی می‌کنم کارهایی که برای انسان‌ها سخت و زمانبر هستند،‌ با ربات‌ها در سریعترین زمان و کمترین هزینه ممکن انجام بدهم. در این مسیر با زبان‌های برنامه نویسی مانند C++ و پایتون هم کمی کار کرده‌ام و با سیستم های مدیریت محتوای زیادی مانند وردپرس، جوملا، ویبولتین و... هم به صورت حرفه‌ای درگیر بوده‌ام. گهگاهی سعی میکنم ربات‌هایی طراحی کنم که اطلاعات عظیمی را از طریق اسکرپینگ به دیتابیس های مختلف منتقل میکنند و از طریق API در پلتفرم های مختلف پردازش می‌شوند. در 10 سال گذشته سابقه زیادی در طراحی سایت و فروشگاه‌های اینترنتی، سئو و بهینه سازی، تست امنیت وب‌سایت‌ها، دیجیتال مارکتینگ و... داشته‌ام. خوشحال میشم بتونم تجربیات خودم رو از طریق این وبلاگ در اختیار همه شما عزیزان قرار بدهم.

‫18 نظرها

  1. سلام آقای بازیار .

    این کدهایی که معرفی کردید رو باید در کجا قرار بدبم تا تبلیغات مورد نظرمون در صفحه اصلی سایت و یا حتی در صفحات دیگر هم نمایش داده بشن .

    من از سیستم مدیریت محتوای وردپرس برای فروشگاه خودم استفاده میکنم و قالب خریداری شد رو روی اون نصب کردم

    و حالا میخوام در صفحه اصلی سایتم و یا حتی در صفحات معرفی و مشخصات محصولات از تبلیغات استفاده کنم .

    ممنون میشم راهنمایی کنید .

    1. سلام.
      اگه در تنظیمات قالب جایی واسه تبلیغات هست که اونجا باید قرار بدید
      همچنین در بخش ابزارک ها هم باید امکان قرار دادن بنر باشه
      در غیر این صورت باید در کد های قالب قرار بدید

      این موضوع در قالب های مختلف تفاوت داره…

  2. سلام ما به تازگي سايت بازرگاني رو راه اندازي كرديم و قراره مديريتش به عهده من باشه حالا تا قبل اينكه كامل بشه ميخاستم ببينم كه چه اموزشهايي بايد ببينم و بنر هم از جمله اين هاست ممنون ميشم راهنماييم كنين

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *