زمانیکه شما برای وب سایت خود تصاویری را انتخاب می کنید آن تصاویر به وسیله موتورهای جستجو مورد بررسی قرار می گیرد و این موضوع برای آنها از اهمیت بسیاری برخوردار است. برای اینکه بتوانید تصاویری که در وب سایت خود استفاده می کنید را به درستی سئو کنید باید از کلمات کلیدی استفاده کتید. تصاویری را که انتخاب می کنید باید دارای حجم مناسب و کیفیت مناسبی باشد.
برای انتخاب تصاویر وب سایت خود بهتر است به جای اینکه بخواهید از تصاویر عجیب و غریب استفاده کنید از تصاویر ساده ولی با کیفیت استفاده کنید. در واقع تصاویری را انتخاب کنید که کاربران وب سایت شما را شیفته خود کند و از روی تصاویر بتوانند مطلب شما را بخوبی درک کنند. ای کار باعث می شود میزان ترافیک وب سایت شما افزایش پیدا کند و در نتیجه قدمی مهم برای وب سایت خود در راستای قرار گرفتن در صفحه اول گوگل برداشته باشید.
در ادامه می خواهیم درباره روش hero header در طراحی سایت اطلاعاتی را در اختیار شما عزیزان قرار دهیم تا در طراحی سایت خود بهتر و موفق تر بتوانید عمل کنید.
Hero Header
فهرست موضوعات در این آموزش
Hero Header چیست
کاربرد عکس های بزرگ در متن، المان های مکان یاب وب سایت که در صفحه اول و در بالای صفحات وب سایت قرار دارد را Hero Header می گویند. از این ویژگی به شکل های متفاوت استفاده می شود از قبیل: عکس همراه متن، اسلاید تصاویر، تصویرهای ثابت، ویدئو و تصویرهای متحرک. تصویرهای بزرگی که تحت عنوان Hero Header استفاده می شوند اولین المانی می باشد که کاربران آن را مشاهده می کنند در نتیجه این المان ها باید دارای تمرکز و جذابیت بصری بالایی باشند.
Hero Header با شیوه طراحی سایت هماهنگ است و می توان گفت که از Hero Header در طراحی سایت می تواند استفاده کرد. زمانیکه در طراحی سایت خود تصمیم بر این می گیرید که از Hero Header استفاده کنید باید به این نکته توجه داشته باشید که طرح سایت شما ساده باشد و عناصر طراحی سایت باعث پوشیده شدن تصویر اصلی نشوند.
hero header در طراحی سایت
استفاده از تصاویر بزرگ یکی از روش هایی است که امروزه در طراحی سایت و سئو سایت به کار برده می شود. اما تصویر بزرگ نه به این معنی که از تصاویر بزرگ معمولی استفاده شود بلکه تصاویری زیبا و تاثیر گذار که کاربران با دیدن آن حس واقعی بودن تصاویر را لمس کنند. در زمان استفاده از Hero Header در طراحی سایت به چند نکته باید توجه داشته باشید که عبارتند از: استفاده کردن از تصاویر بزرگ و ویدئو به عنوان پس زمینه وب سایت، استفاده از تیتر اصلی در قسمتی از پس زمینه با فونت مناسب، استفاده کردن از متن های کوتاه و خودداری کردن از شلوغ بودن تصاویر، استفاده از دکمه ها با فرم های زیبا و جذاب.
Hero Header در طراحی سایت
نکاتی برای استفاده از hero header در طراحی سایت
- برند و نام تجاری خود را در زمان طراحی hero header ثبت کنید و آن را در سمت چپ صفحه و یا مرکز تصویر که دارای فضای مناسبی باشد کار کنید
- برای لوگوی خود رنگ سفید و یا مشکی را انتخاب کنید و توجه داشته باشید که در در تصویر زمینه بخوبی قابل شناسایی باشد
- متن خود را قسمتی از تصویر قرار دهید که مانع دیده شدن تصاویر نشود.
- برای بالا رفتن خوانایی متن ها از فونت ها و حروف بزرگ و ظریف استفاده کنید
- دقت کردن در انتخاب رنگ ها را فراموش نکنید اگر از یک تصویر رنگی استفاده می کنید حتما بقیه موارد را رنگ سیاه و سفید استفاده کنیدو برعکس اگر تصویر استفاده شده سیاه و سفید است حتما از یک پلت تک رنگ برای متن هدر خود استفاده کنید
برای بهینه سازی سئو سایت خود با سئو ایران همراه باشید.
3 Comments
آیا استفاده از hero header در سئوی سایت نیز تاثیر می گذارد؟
تصویری جذاب و تاثیرگذار به همراه مقدار کمی متن استفاده می شود که به اندازه صفحه نمایش به نظر برسد. وقتی از چنین تصاویری در بالا ترین بخش صفحه استفاده شود به آن تکنیک hero header در طراحی سایت می گویند
کد Hero Header برای طراحی هدر در وردپرس چیه؟