در حال نمایش 11 نوشته - 1 تا 11 (از کل 11)
  • نویسنده
    نوشته ها
  • #29177

    sajjadm
    مشارکت کننده

    سلام سعید جان

    ایا استفاده تگ اچ 1 به این صورت اصولی هستش ؟ مشکلی نداره ؟

    <h1><a href="http://site.ir/" title="عنوان"><img />/images/logo.png" alt="عنوان"/></a></h1>

    #29178

    sajjadm
    مشارکت کننده

    h1

    #29184

    سعید شعبانی
    کلید دار

    از لحاظ ساختار کد نویسی مشکلی ندارد ولی از لحاظ سئو چندان جالب نیست. دلیل این امر هم این است که در تگ 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;
    }
    #29185

    sajjadm
    مشارکت کننده

    نظرت در مورد این کد چیه؟

    <h1 class="site-title hidden-lg hidden-md hidden-sm hidden-xs"><a href="http://asiohost.ir/" rel="home">هاست لینوکس,سرور مجازی,خرید دامین | آسیو هاست</a></h1>

    #29187

    سعید شعبانی
    کلید دار

    این هم خوب هست, فقط اگر بخواهید به جای اون متن از تصویر لوگو استفاده کنید بهترین روش css هست به این شکل که اون متن را پنهان کنید و جاش یک تصویر قرار بدید.

    #29188

    sajjadm
    مشارکت کننده

    لوگو که هست ولی ما قبلش تگ اچ1 رو زدیم و مخفی کردیم

    میتونید از سورس سایت نگاه کنید دقیق تر

    asiohost.ir

    #29189

    sajjadm
    مشارکت کننده

    ما در صفحه اصلی فقط در هدر تگ اچ ۱ استفاده کردیم و در داخل صفحات مطالب ها عنوان پست هارو تگ اچ ۱ زدیم
    مشکل اینجاس که در داخل صفحات مطالب باز هم اون تگ اچ ۱ هدر هست و بعلاوه تگ اچ ۱ عنوان مطالب
    ایا این کار صحیح هست مشکلی نداره ؟

    #29192

    سعید شعبانی
    کلید دار

    لوگو که هست ولی ما قبلش تگ اچ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>';
    } ?>
    #29193

    sajjadm
    مشارکت کننده

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

    ممنون

    #29194

    سعید شعبانی
    کلید دار

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

    <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 به جای نمایش عبارت “هاست لینوکس,سرور مجازی,خرید دامین | آسیو هاست” از تصویر لوگو استفاده کنید.

    #29196

    sajjadm
    مشارکت کننده

    ممنون

در حال نمایش 11 نوشته - 1 تا 11 (از کل 11)

کاربر گرامی برای پاسخ به این موضوع اگر عضو روکش هستید باید سایت شوید در غیر اینصورت باید عضو شوید.