جهت ورود به تالار گفتمان سایت کلیک کنید


آموزش ترفند سئو برای تگهای Heading در html ( فوق العاده سئویی و کاربردی )

با سلام و عرض خسته نباشید خدمت شما عزیزان همیشه همراه سایت اسکریپت دات کام

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

حتما با تگ های h1,h2,h3,h4,h5,h6 در html آشنایی دارید ؟

تگ هایی که به آنها تگهای Heading یا همان عناوین یا سر صفحه میگویند . تگهایی که در سایت به عنوان تیتر یک پست یا خبر میتواند استفاده شود .

همان طور که میدانید تیتر یک خبر یا پست از اهمیت بالایی نزد موتور های جستجو برخوردار هستند . همچنین از طرفی خاصیتی بسیار سئویی به نام title وجود دارد که در پست هایی قبلی سایت در مورد آن صحبت کرده ام . همان خاصیتی که با ماندن ماوس بر روی یک نوشته , کادری اکثرا خاکستری رنگ نمایان میشود که حاوی مطالبیست که به خاصیت title میدهیم . ( به عنوان مثال : تیتر قرمز رنگ همین پست )

حال میخواهیم با استفاده از Jquery ترفندی را به شما آموزش دهم که نوشته های درون این تگ ها به صورت اتوماتیک , به خاصیت title هم داده شوند .

و اما آموزش :

برای انجام این کار کافیست ابتدا فایل Jquery در وب سایت شما لینک شده باشد و سایت شما از جی کوئری پشتیبانی کند ( منظور فراخوانی فایل دانلودی در سایت jquery.com می باشد )

سپس کافیست کد آماده زیر را در پایین سایت خود قرار دهید ( مثلا در وردپرس , در فایل footer.php قرار گیرد ) .

<script>
$(document).ready(function() {
	$(":header").each(function(i) {
        var vms = $(":header").eq(i).text();
		$(":header").eq(i).attr("title",vms);
    });
});
</script>

 کدنویسی و آموزش : وحید مجیدی

پخش اختصاصی

جهت تبادل گفتگو و حل مشکلات در باره این موضوع , کلیک کنید

20 پاسخ به “آموزش ترفند سئو برای تگهای Heading در html ( فوق العاده سئویی و کاربردی )”

  1. محمد گفت:

    برای انجام این کار کافیست ابتدا فایل Jquery در وب سایت شما لینک شده باشد و سایت شما از جی کوئری پشتیبانی کند ( منظور فراخوانی فایل دانلودی در سایت jquery.com می باشد )

    اینو نفهمیدم چیکار باید کنم دقیقا برای وردپرس :D
    مرسی

    • وحید مجیدی گفت:

      به سایت jquery.com رفته و فایل کتابخانه را دانلود نمایید

      سپس در بالای وب سایت خود ( header.php ) با استفاده از تگ script در html , فایل را فراخوانی کنید

  2. پری گفت:

    مرسی,ولی به همه دوستان پیشنهاد میکنم یاد بگیری چون واقعا برنامه به درد بخوریه و من ان شالله بعد از پایانترم حتما
    بهیادگیری کامل این برنامه اقدام میکنم
    البته جسارت نشه .

  3. پری گفت:

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

  4. طراحی گفت:

    ممنونم خیلی جالب بود

  5. هاست دایرکت ادمین گفت:

    آقا وحید گل تر از شما ندیدم چه تو اخلاق چه توی دیگر موارد

  6. dashesi گفت:

    دوست دارم وحید حان این یک خط منو تایید کنی و بذاری :D:D:D

    جواب ابلهان خواموشیس همین و بس

  7. داش علی گفت:

    سلام
    متأسفانه کاربرد اشتباهی رو از این تگ ذکر فرمودید.
    این تگ برای ایجاد یک tooltip بر روی موضوعاتی است که معمولاً به خودی خود متنی رو در بر ندارند!
    مثلا برای درج توضیحات اضافی برای یک تصویر، یا توضیحاتی برای یک دکمه، یا مواردی از این قبیل.
    موتورهای جستجو خودشون تگ‌های h رو به عنوان Title در نظر می‌گیرند و برای Title صفحه هم فقط به توضیحات Meta و title موجود در بخش Head اکتفا می‌کنند.
    چیزی که برای من جالبه اینه که شما چرا اینجا این موضوع رو معرفی کردید و حال اونکه کاربردش این نیست!
    و اینکه چرا اصولاً شما به عنوان یک حرفه‌ای! کلیۀ H های خودتون رو توی تگ Strong قرار دادید، حال آنکه این تگ اساساً و به طور پیش‌فرض در مرورگرها دربردارندۀ این حالت (Bold) هست و حتی اگر هم می‌خواستید بر این موضوع تأکید داشته باشید هم می‌تونستید توی CSSهای سایتتون برای کلیۀ Hها گزینۀ Font-weight رو تنظیم می‌نمودید تا از بار اضافه بر روی کلاینت‌ها و ایجاد افزونگی داده در دیتابیستون جلوگیری بشه!!!
    در هر صورت
    باز هم از اینکه با صبر و تلاش سعی در توسعه و آموزش IT دارید به عنوان یک همکار قدیمی خوشحالم و براتون آرزوی توفیق دارم.

    • وحید مجیدی گفت:

      سلام دوست عزیزم .
      در ابتدا تشکر میکنم از متنتون که وقت گذاشتید و نوشتید …
      باید عرض کنم که شما فکر کنم اشتباه متوجه شدین , این کار میاد اتریبیوت title رو به h1 اضافه میکنه که بسیار کار خوب و سئویی هست .
      در مورد قرار دادن h1 ها در تگ strong هم باید بگم که به هیچ عنوان قصد bold کردن نداشتم و جهت بهینه سازی بوده .
      نکته بعدی اینکه گوگل اهمیت تگ های meta رو به حداقل رسونده و این نشون دهنده اینه که کلمات کلیدی و شرح در head , دیگر در گوگل جایی ندارند .
      در آخر هم باید عرض کنم بنده علاوه بر تدریس طراحی و برنامه نویسی وب , تدریس سئو هم انجام میدم و در آموزشگاهی حرفه ای به نام مجتمع فنی تهران .
      ضمنا یکی از مهمترین علائم برای اثبات حرفه ای بودن و سئو ی قوی , داشتن رنک بالا (5 ) در گوگل است که خودش کاملا واضح داره توضیح میده ;)
      با تشکر از شما دوست عزیزم

      • داش علی گفت:

        معلم عزیز
        مطالب مختلفی رو فرمودید که برای من جز اظهار تأسف برای شما چیزی در بر نداره.
        شما بهتر می‌دونید که برنامه‌نویس خوب بودن یا تحلیل‌گر بزرگ بودن به معلم بودن در جای معتبر نیست.
        و معلم خوب بودن هم اطلاعات زیاد نمی‌خواد، بلکه قدرت انتقال بالا می‌خواد.
        مجتمع فنی رو هم از نزدیک می‌شناسم و چندین بار در اونجا رفت و آمد داشتم و دوستانی دارم که اونجا دروسی رو گذروندن ولی متأسفانه آنچنان که باید تغییری درشون حاصل نشده و این نشون ضعف آموزش و آموزش‌دهندگان اونه.
        ولی چه کنیم که در این بیابان ایران لنگه کفش هم ارزشمند میشه!!! و مجتمع فنی هم ابوعطا می‌خونه!
        رنکینگ دلایل مختلفی داره و توی هر موتور جستجو دلایل مخصوص به خودش رو داره.
        جهت اطلاعتون:
        رنک سایت شما به دلیل رعایت استانداردهای HTML و اینگونه موارد نیست! بلکه دلیل اصلی اون انتخاب مناسب اسم سایت و مراجعات بالا و تعدد درج مطالب جدیده که البته این از خوبی سایتتونه ولی نشان استاندارد بالای محتوای سایتتون نیست!
        بد نیست یک نگاهی به صفحۀ زیر بندازید:
        http://validator.w3.org/check?uri=http%3A%2F%2F%D8%A7%D8%B3%DA%A9%D8%B1%DB%8C%D9%BE%D8%AA.com%2F%25D8%25A2%25D9%2585%25D9%2588%25D8%25B2%25D8%25B4-%25D8%25AA%25D8%25B1%25D9%2581%25D9%2586%25D8%25AF-%25D8%25B3%25D8%25A6%25D9%2588-%25D8%25A8%25D8%25B1%25D8%25A7%25DB%258C-%25D8%25AA%25DA%25AF%25D9%2587%25D8%25A7%25DB%258C-heading-%25D8%25AF%25D8%25B1-html.html%3Freplytocom%3D1970%23respond&charset=%28detect+automatically%29&doctype=Inline&group=0
        تا بفهمید سایتی که در هر صفحه‌اش 124 خطا و 36 اخطار داره انطور که باید رعایت استاندارد رو نکرده!
        که اگر می کرد به مراتب به رنکش اضافه‌تر می‌شد!

        گاهی یک سیگاری یا مشروبخور می‌بینی که 80 سال عمر کرده… بهت میگه دیدی سیگار باعث کوتاه شدن عمرم نشده!
        جواب من و شما به اینجور افراد مسلماً باید این باشه که اگه سیگار نمی‌کشیدی یا میخوارگی نمی‌کردی شاید عمرت به 120 می‌رسید…

        • وحید مجیدی گفت:

          دوست من , اولا بنده اصلا زیاد پست آپدیت نمیکنم و چی بشه که هفته ای 1 بار پست آپدیت کنم ( پس رنک سایت من هیچ ربطی به تعداد زیاد آپدیت من نداره ) .

          فرمودید سایت من فارسی هست که رتبه ی من بالاست . بد نیست کلمه مبل رو در گوگل سرچ کنید و سری به سایت samexxonsofa.com بزنید که فقط یکی از سایت های سئو شده توسط من هست .

          در مورد validator w3c صحبت کردید که باید عرض کنم بد نیست لینک زیر که برای یاهو هست رو چک کنید و ببینید که حدود 360 خطا دارد . این خطاها , خطاهای فاصله گذاری و … هست و ربطی به اشتباه در کدنویسی نداره .
          http://validator.w3.org/check?uri=http%3A%2F%2Fyahoo.com&charset=%28detect+automatically%29&doctype=Inline&group=0&user-agent=W3C_Validator%2F1.3+http%3A%2F%2Fvalidator.w3.org%2Fservices
          ضمنا برای گوگل و آمازون و اپل رو هم چک کنید تا تعداد زیاد خطاها را ببینید ( نکنه میخواید بگید از خود گوگل هم بیشتر میفهمید ؟ :))))) )

          در آخر در مورد بنده و آموزشگاه صحبت کردید و صریحا بی احترامی کردید در صورتی که بنده به شما بی احترامی نکردم .
          من این حرف شما رو که بنده و تمامی همکاران من رو بی سواد خطاب کردید ازش میگذرم و تصمیم گیری رو میزارم به عهده کاربران فهیم سایت اسکریپت دات کام

          داداشم به جای اینکه مثنوی و قصیده بسرایید و بی احترامی به دیگران کنید و دیگران را قضاوت کنید , بد نیست به سایت خودتون یه سری بزنید تا بلکه از رنک 0 شاید به رنک 1 برسد .
          انشالله در زندگی و همچنین سایت خود به موفقیت برسید تا از پیشرفت خود خوشحال شوید …

          • داش علی گفت:

            نمی‌دونم کجای صحبتم شما رو بی‌سواد خطاب کردم!

            این که گفتم ضعف آموزش…؟

            راستی واقعاً من جایی گفتم که دنبال رنکینگ بودم یا هستم؟ که به عنوان مثال سایتم رو مقایسه کردید؟

            در ضمن شما بهتر می‌دونید که SEO در ایران به اشتباه با کلک رشتی‌ها و نامردی‌های زیادی به نتیجه می‌رسه و کمتر کسی رعایت استانداردها رو برای نیل به مقاصد سئویی رعایت می‌کنه…

            که جملات شما (به عنوان مدعی در این مقوله) نشان از همین ترفندها و روش و منش داره!

            خلاصه باز هم تأکید می‌کنم قصد جسارت نداشتم… و ادعا بار روی دوش آدمی رو زیاد می‌کنه!

            یا علی

          • وحید مجیدی گفت:

            کسانی که باید وحید مجیدی رو بشناسن , شناختن …

            من نظرمو گفتم , بهترین تصمیم گیرنده ها کاربران عزیز سایت هستند …

            با تشکر

  8. سامان گفت:

    مهندس چه فایده ای داره که با جی کوئری خاصیت تایتل بدیم(از لحاظ سئو)!!! چون موتورهای جستجو نمیتونن بخونن زیرا جی کوئری توی مرورگر اجرا میشه و عملا روی متن اصلی کاری انجام نمیده!!!!!

    • وحید مجیدی گفت:

      دوست عزیزم توسط جی کوئری اتربیوت title رو اضافه میکنیم که بسیار سئویی هست

      اگر متن رو کامل بخونید توضیح دادم …

  9. amin گفت:

    سلام آقای مجیدی عزیز
    اضافه کردن رو فهمیدم ولی چطوری بفهمم که سایت از جی کوئری پشتیبانی می کنه یا نه و اینکه این فایل کجا باید باشه؟
    ممنونم

    • وحید مجیدی گفت:

      سلام دوست عزیزم . منظور از پشتیانی جی کوئری , لینک کردن فایل js است.

      شما باید به سایت jquery.com برید و فایل رو از اونجا دانلود کنید . سپس با تگ script اون رو لینک کنید .

  10. dashesi گفت:

    ali bod

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

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