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

اولین موضوعی که باید در این رابطه به آن بپردازیم. چگونگی ساختار کدهای ما می باشد. 

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

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

نمونه ای از ساختار کدهای اچ تی ام ال را در این جا نمایش میدهیم. 

<!DOCTYPE html>

برای آن که به مرورگرها بفهمانید ورژن اچ تی ام ال سایت شما چه می باشد از این تگ استفاده میکنید.

<html lang="en-gb" xmlns="http://www.w3.org/1999/xhtml" prefix="og: http://ogp.me/ns#">

این متا ایده ی خوبی است تا برای موتورهای جستجو زبان صفحه را مشخص نماید

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

برای رمزگذاری کاراکترهای صفحه از این متا تگ استفاده میکنیم

<meta name=viewport content="width=device-width, initial-scale=1">

از طریق این متاتگ میتوان نحوه نمایش صفحه در حالت موبایل را تنظیم کرد

<script defer src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

کد جی کوئری بهتر است از طریق گوگل اپیز بارگذاری شود به دلیل آن که به این روش در مرور گر
کاربر کش میشود و نیاز به لود آن در هر بارگذاری نیست.

    <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
<title>Basic HTML5 Webpage Example</title>

تگ h1

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

 <meta name="description" content="An example of a basic seo friendly html5 web page." />
    <meta name="keywords" content="Website Design Tips, HTML5, SEO" />
   <link href="https://plus.google.com/110695574125259754582" rel="publisher" />

اگر در گوگل پلاس اکانتی در راستای سایت خود دارید ادرس اکانت را در این جا وارد نمایید

 <meta property="fb:admins" content="1419362191">
  
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Basic HTML5 Webpage Example" />
    <meta property="og:description" content="An example of a basic seo friendly html5 web page." />
    <meta property="og:url" content="www.siteraiser.com/" />
    <meta property="og:image" content="http://www.siteraiser.com/images/image-for-page.jpg" />
    <meta property="og:width" content="1106" />
    <meta property="og:height" content="553" />
  <style>
  
    </style>

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

 <link rel="stylesheet" type="text/css" href="/style.min.css"/>

بهتر است تمامی فایل های خود را از جمل فایل ویرایشگر را به حالت فشرده یا مینی فای در بیاورید

</head>
<body itemscope itemtype="http://schema.org/WebPage">

توجه کنید که باید در کدهای اچ تی ام ال خود از استراکچر دیتا ها استفاده کنید در فصل های آینده در ارتباط
با استراکچر دیتا توضیح خواهیم داد.

  <header>

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

 <nav>

بهترین حالت این است که منو اصلی سایت را در داخل تگ نو قرار بدهید.

برای سئو کردن سایت از کجا شروع کنیم؟

مثالی از ساختار اچ تی ام ال سئو فرندلی

<!DOCTYPE html>
<html lang="en-gb" xmlns="http://www.w3.org/1999/xhtml" prefix="og: http://ogp.me/ns#">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name=viewport content="width=device-width, initial-scale=1">
<script defer src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
  <title>Basic HTML5 Webpage Example</title>
 <meta name="description" content="An example of a basic seo friendly html5 web page." />
    <meta name="keywords" content="Website Design Tips, HTML5, SEO" />
<link href="https://plus.google.com/110695574125259754582" rel="publisher" />
 <meta property="fb:admins" content="1419362191">
  <meta property="og:type" content="website" />
  <meta property="og:title" content="Basic HTML5 Webpage Example" />
  <meta property="og:description" content="An example of a basic seo friendly html5 web page." />
   <meta property="og:url" content="www.siteraiser.com/" />
   <meta property="og:image" content="http://www.siteraiser.com/images/image-for-page.jpg" />
   <meta property="og:width" content="1106" />
   <meta property="og:height" content="553" />
 <style></style>
 <link rel="stylesheet" type="text/css" href="/style.min.css"/>
</head>
<body itemscope itemtype="http://schema.org/WebPage">
<header>
    <nav>
  <a href="/">Home</a>
    <a href="/another-page">Another Page</a>
    </nav>
   <h1 itemprop="name">Delightful HTML5 Example Page
    </h1>
 </header>
<main itemscope itemprop="mainEntity" itemtype="http://schema.org/Blog">
<h2 itemprop="name">Some text to describe the main contents, the name of the blog in this case</h2>
 <article itemscope itemprop="blogPost" itemtype="http://schema.org/BlogPosting">
    <header>
        <h3 itemprop="headline">This article's heading.</h3>
                   <a itemprop="author" rel="author" href="link-to-profile">Name Of Author</a>
                   <span itemprop="datePublished" content="2015-10-19 12:09 pm">2015-10-19 12:09 pm</span>
                 
            </header>
            <div itemprop="articleBody">
                <img itemprop="image" src="" alt="..."/>
                <p>Super Article, <a href="">Related link</a>, if the link is related to the webPage
                then there is schema.org markup that could be added https://schema.org/relatedLink </p>
            </div>
        </article>

        <article itemscope itemprop="blogPost" itemtype="http://schema.org/BlogPosting">
            <h3 itemprop="headline">2nd article's heading.</h3>
            <img itemprop="image" src="" alt="Don't forget me!"/>
            <a itemprop="url" href="...">A link to this article</a>
            
            <footer>
                <h4>Published: </h4>
                <time datetime="2010-07-03" itemprop="datePublished">Jul 3, 2010</time>
                By: <a itemprop="author" rel="author" href="link-to-profile">Name Of Author</a>
            </footer>
        </article>

    </main>
    
    <section>
        <h2>Every section should have a heading</h2>
    Related or important stuff.
    </section>
    
    <aside>
    <h4>Even aside should have a heading</h4>
    Much less or unrelated to page.
    </aside>
    <footer>
    Last call for stuff!
    </footer>

    </body>
</html>

توجه کنید که در هر صفحه سایت باید یک تگ اچ وان داشته باشید این تگ اچ وان نباید در صفحات دیگر
تکرار شود. بلکه باید تنها مختص این صفحه بوده و تایتل تمامی صفحات با یکدیگر متفاوت باشد. 

ساختار اچ تی ام ال سایت شما نباید مشابه ساختار اچ تی ام ال سایت دیگری باشد. بلکه باید منحصر به فرد باشد.

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

تایتل ها را حتما مطابق با عبارت های کلیدی که برای صفحه اتان مشخص کردید، تعیین نمایید 

البته توجه کنید که تاریخ انتشار این مطلب مربوط به سال 2018 می باشد و ممکن هست در سال های آینده 

این نوع ساختار تغییر یابد. 

اشتراک گذاری این صفحه در شبکه های اجتماعی


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

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