روکش مرکز ارائه پوسته و قالب وردپرس شامل قالب خبری وردپرس, قالب فروشگاهی وردپرس,قالب شرکتی وردپرس و ... به صورت رایگان و وِیژه می باشد.
سلام سعید جان
ایا استفاده تگ اچ 1 به این صورت اصولی هستش ؟ مشکلی نداره ؟
<h1><a href="http://site.ir/" title="عنوان"><img />/images/logo.png" alt="عنوان"/></a></h1>
از لحاظ ساختار کد نویسی مشکلی ندارد ولی از لحاظ سئو چندان جالب نیست. دلیل این امر هم این است که در تگ h1 باید یک متن یا عنوان که برای ما و سایتمون مهم هست قرار داشته باشه و موتور جستجو اون رو ببینه ولی وقتی که به جای متن از تصویر داخل h1 استفاده کنیم دیگه متنی را نمی بینه. به جای استفاده از img در h1 پیشنهاد می کنم از css استفاده کنید. مثلا به شکل زیر:
کد های Html
<h1 class="rokesh-logo"><a title="روکش" href="http://rokesh.ir">روکش</a></h1>
کد های css
.rokesh-logo a {
background-image: url("../img/logo.png");
background-position: right center;
background-repeat: no-repeat;
background-size: 70% auto;
display: block;
float: right;
font-size: 0;
height: 39px;
width: 208px;
}
نظرت در مورد این کد چیه؟
<h1 class="site-title hidden-lg hidden-md hidden-sm hidden-xs"><a href="http://asiohost.ir/" rel="home">هاست لینوکس,سرور مجازی,خرید دامین | آسیو هاست</a></h1>
این هم خوب هست, فقط اگر بخواهید به جای اون متن از تصویر لوگو استفاده کنید بهترین روش css هست به این شکل که اون متن را پنهان کنید و جاش یک تصویر قرار بدید.
لوگو که هست ولی ما قبلش تگ اچ1 رو زدیم و مخفی کردیم
میتونید از سورس سایت نگاه کنید دقیق تر
asiohost.ir
ما در صفحه اصلی فقط در هدر تگ اچ ۱ استفاده کردیم و در داخل صفحات مطالب ها عنوان پست هارو تگ اچ ۱ زدیم
مشکل اینجاس که در داخل صفحات مطالب باز هم اون تگ اچ ۱ هدر هست و بعلاوه تگ اچ ۱ عنوان مطالب
ایا این کار صحیح هست مشکلی نداره ؟
لوگو که هست ولی ما قبلش تگ اچ1 رو زدیم و مخفی کردیم
خوب در حال حاظر بخش لوگو سایت شما به شکل زیر هست:
<h1>
<a title="آسیو هاست " href="http://asiohost.ir/"><img alt="هاست لینوکس,سرور مجازی,خرید دامین" src="http://asiohost.ir/wp-content/themes/AsioHost/images/logo.png?527e8e"></a>
</h1>
همونطور که گفتم بهتر هست تا در تگ h1 عنوان اصلی اون صفحه قرار بگیره نه یک تصویر. شما می تونید جای قرار دادن تصویر به صورت مستقیم با تگ img در h1 یک متن داخل h1 قرار بدید و با استفاده از css متن را مخفی و یک عکس جای اون بگذارید.
ما در صفحه اصلی فقط در هدر تگ اچ ۱ استفاده کردیم و در داخل صفحات مطالب ها عنوان پست هارو تگ اچ ۱ زدیم
مشکل اینجاس که در داخل صفحات مطالب باز هم اون تگ اچ ۱ هدر هست و بعلاوه تگ اچ ۱ عنوان مطالب
ایا این کار صحیح هست مشکلی نداره ؟
بهتر هست داخل هر صفحه فقط یک تگ h1 استفاده کنید ولی اگر بتونید به صورت اصولی از HTML5 استفاده کنید شما مجاز هستید که بیش از یک تگ h1 برای یک صفحه قرار بدید. در اصل در HTML5 می شه با تگ H1 عنوان اصلی هر بخش را تعیین کرد. برای اینکه در صفحه اصلی فقط از تگ H1 استفاده کنید و در دیگر صفحات از تگ های ساده ای مثل P , … استفاده نمایید می تونید شرط زیر را به کار ببرید.
<?php if( is_home() ) {
echo '<h1><a href="" title="Site title">Site title</a></h1>';
echo '<h2>Site description</h2>';
} else {
echo '<a href="" title="Site title">Site title</a>';
echo '<p>Site description</p>';
} ?>
نه عزیز چون ما کش رو فعال کرده بودیم اونجوری نشون داده میشد ، امکانش هست دوباره نگاه کنید
ممنون
خوب چرا این کار را کردید به جای استفاده از دو بخش
<h1 class="site-title hidden-lg hidden-md hidden-sm hidden-xs"><a rel="home" href="http://asiohost.ir/">هاست لینوکس,سرور مجازی,خرید دامین | آسیو هاست</a></h1>
و
<div class="logo"><img src="http://asiohost.ir/wp-content/themes/AsioHost/images/logo.png">
<div class="clear"></div>
<h2>ارائه دهنده خدمات تخصصی هاست لینوکس ، سرور مجازی و سرور اختصاصی</h2>
</div>
بهتر هست تا از یک بخش واحد مثل
<div class="logo"><h1 class="site-title hidden-lg hidden-md hidden-sm hidden-xs"><a href="http://asiohost.ir/" rel="home">هاست لینوکس,سرور مجازی,خرید دامین | آسیو هاست</a></h1>
<div class="clear"></div>
<h2>ارائه دهنده خدمات تخصصی هاست لینوکس ، سرور مجازی و سرور اختصاصی</h2>
</div>
استفاده کنید و با css به جای نمایش عبارت “هاست لینوکس,سرور مجازی,خرید دامین | آسیو هاست” از تصویر لوگو استفاده کنید.
ممنون
انجمن ‘HTML – CSS’ برای جستار ها و پاسخ ها جدید بسته است.