عناصر اصلی تبلیغات صفحه وب. اصول ایجاد یک صفحه وب، عناصر اصلی یک صفحه وب

بخش عمده ای از محتوای ارائه شده در اینترنت صفحات وب است. از نظر تاریخی، این اولین نوع اسنادی است که برای قرار دادن در فضای شبکه مجازی در نظر گرفته شده است، اما ارتباط خود را تا به امروز حفظ کرده است و عملاً هیچ فرمت رقیب ندارد. ساختار صفحات وب چگونه است؟ از چه ابزارهای توسعه وب برای ایجاد آنها استفاده می شود؟

صفحه وب چیست؟

ممتحن در یک درس علوم کامپیوتر به ما می گوید: «عناصر اصلی یک صفحه وب را فهرست کنید. در مقابل به او چه بگوییم؟ اول از همه، بیایید در مورد اینکه یک صفحه وب در اصل چیست صحبت کنیم.

طبق تعریف عمومی پذیرفته شده در بین متخصصان فناوری اطلاعات، این سندی است که قرار است در یک برنامه تخصصی - مرورگر باز شود و حاوی داده هایی است که با استفاده از نوع مناسب نرم افزار با محتوای مفید مختلف روی صفحه رایانه نمایش داده می شود. متون، پیوندها، گرافیک ها، فیلم ها، موسیقی و غیره. صفحه وب یک سند متنی است. داده های مربوط به مرورگر حروف، اعداد و کاراکترهای خاص است که به عنوان عناصر زبان نشانه گذاری - HTML استفاده می شود. با کمک آن است که سازنده صفحه وب به مرورگر توضیح می دهد که چگونه این یا آن محتوا را روی صفحه نمایش دهد.

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

آیا می گویید یک صفحه وب جزء اصلی یک وب سایت است؟ این تا حدی درست است. با این حال، همانطور که در بالا اشاره کردیم، یک صفحه وب فقط یک سند متنی است. این سایت، به عنوان یک قاعده، حاوی تصاویر، فیلم ها و سایر عناصر چند رسانه ای است. صفحه وب نمی تواند حاوی آنها باشد، اما در ساختار خود می تواند حاوی پیوندهایی به آنها باشد. بنابراین می توان صفحه وب را به لحاظ نقش غالب در نمایش محتوای مجازی به کاربران جزء اصلی سایت نامید.

در موارد نادر، البته، سند مورد نظر تنها مؤلفه سایت خواهد بود - اگر به دلایلی نمایش گرافیک، ویدیو و سایر عناصر چند رسانه ای را فراهم نکند. به ویژه، اولین سایت‌ها - زمانی که زبان‌های نشانه‌گذاری برای صفحات وب برای اولین بار ظاهر شدند - حاوی محتوای مرتبط نبودند. فقط متن و لینک جلوی چشم کاربر بود.

اصل استفاده از فرامتن

بنابراین، یک صفحه وب سندی است که به زبان HTML نوشته شده است که با کمک آن علامت گذاری فرامتن انجام می شود. اما این پدیده چیست؟ هایپرتکست چیست؟ بدون پرداختن به تئوری عمیق، متذکر می شویم که این متنی است که به یک روش به شما امکان می دهد به سرعت به دیگری - از طریق پیوندها - دسترسی پیدا کنید. در یک کتاب معمولی، این غیرممکن است - یک "متن ساده" وجود دارد. برای دسترسی به صفحه مورد نظر، خواننده باید چندین نوبت را انجام دهد و قبل از آن مطالب یا پاورقی ها را خوانده باشد. در حالت "hypertext"، بخش اصلی کار توسط رایانه انجام می شود - به دلیل اطلاعات منعکس شده در عناصر HTML صفحه.

اگر یک معلم علوم کامپیوتر به ما بگوید: "عناصر اصلی یک صفحه وب را فهرست کنید"، می‌توانیم به درستی درباره اجزای سند مربوطه که با استفاده از زبان نشانه‌گذاری HTML ایجاد شده‌اند، روایت کنیم. بنابراین، برای شروع، اجازه دهید به برخی از نکات نظری در مورد HTML نگاه کنیم.

ساختار HTML: برچسب ها

چگونه یک مرورگر اطلاعات مورد نیاز یک صفحه وب را از یک سند HTML می خواند؟ بسیار ساده.

عناصر اصلی این زبان برچسب ها هستند. در بیشتر موارد، آنها جفت هستند - یک باز کننده وجود دارد و یک بسته شدن وجود دارد. اولی فقط با براکت های زاویه نشان داده شده است. موارد دوم مشابه هستند، اما قبل از پرانتز دوم یک اسلش وجود دارد - کاراکتر /. مرورگر قادر به تشخیص آنها است و بنابراین محتوای صفحات وب را مطابق با الگوریتم های ایجاد شده توسط توسعه دهنده سند بدون مشکل نمایش می دهد.

تگ باز معمولا با حروف بزرگ نوشته می شود و تگ بسته با حروف کوچک. این استانداردی است که در بین متخصصان فناوری اطلاعات جا افتاده است. مرورگر مطمئناً دستور HTML را در هر حرفی تشخیص می دهد، اما توسعه دهندگان وب تشویق می شوند که به طرح برچسب گذاری علامت گذاری شده پایبند باشند. این کار به عنوان مثال، اصلاح صفحه وب را برای دیگر متخصصان آسان تر می کند.

ویژگی های

دیگر عناصر ضروری زبان HTML ویژگی ها هستند. با کمک آنها، سازنده صفحه وب می تواند ویژگی های محتوا را تنظیم کند - به عنوان مثال، ارتفاع فونت، رنگ آن، موقعیت نسبت به صفحه. همین امر در مورد تصاویر، فیلم ها و سایر اجزای چند رسانه ای نیز صدق می کند. ویژگی ها در تگ افتتاحیه نوشته می شوند.

محتوا

بین تگ های شروع و پایان، جزء کلیدی بعدی یک صفحه وب است - محتوا. این در واقع همان محتوایی است که باید در مقابل کاربر روی صفحه نمایش داده شود. این می تواند متن، پیوند، تصویر، ویدیو یا سایر عناصر چند رسانه ای باشد.

عناصر صفحات وب

"پس در نهایت عناصر اصلی یک صفحه وب را فهرست کنید!" - معلم تکرار می کند. "با لذت" - ما به او پاسخ می دهیم. در ساختار نوع اسناد مورد نظر چه مواردی گنجانده شده است؟ بیایید توافق کنیم که این جنبه را در زمینه عناصر HTML یک صفحه وب در نظر خواهیم گرفت. یعنی نمایش آنها در مرورگر - چیزی که کاربر روی صفحه می بیند - ما را به میزان کمتری علاقه مند می کند. نکته این است که الگوریتم های HTML مربوطه که بر اساس آن برنامه محتوا را به یک شکل نمایش می دهد، می تواند متفاوت باشد. و این ویژگی زبان HTML است: تصویر مورد نظر در یک صفحه وب را می توان به روش های مختلف نمایش داد. در عین حال، هم می توانند از نظر هزینه های نیروی کار سازنده صفحه وب معادل باشند و هم مقدار تلاش و زمان متفاوتی را برای اجرای آنها در نظر بگیرند.

عناصر صفحه وب: هدر

عناصر استاندارد یک صفحه وب، هر چند ممکن است تعجب آور به نظر برسد، تعداد بسیار کمی دارند. در واقع، تنها دو مورد از آنها وجود دارد - عنوان و بدنه اصلی سند. در عین حال، هر یک از آنها می توانند ساختار نسبتاً پیچیده ای داشته باشند.

ویژگی عنوان چیست؟ در بالای صفحه وب قرار دارد. در کد HTML که عنوان را تولید می کند، به عنوان یک قاعده، فرض می شود که فقط متن را "رمزگذاری" می کند، اما در صورت لزوم، درج های گرافیکی کوچک نیز می توانند در عنصر مربوطه قرار گیرند. و این در واقع تمام چیزی است که می توان در مورد عنوان گفت. به نظر می رسد که نقش آن در ساختار سند مربوطه ناچیز است. اما این مورد نیست. عناوین صفحات وب از نظر نمایه سازی سایت در موتورهای جستجو - Yandex، Google بسیار مهم هستند. این عنصر باید کاملاً با محتوای صفحه وب و همچنین مشخصات موضوعی سایت مرتبط باشد.

عنوان یک صفحه وب چگونه با استفاده از HTML ثبت می شود؟ بسیار ساده. ابتدا تگ افتتاحیه نوشته می شود که همیشه شبیه HEAD با براکت های زاویه ای است، سپس محتوای عنوان و سپس تگ بسته شدن. آنها البته در بالای سند وب نوشته شده اند.

عنوان یک سند وب می تواند شامل تعدادی عنصر اضافی باشد. گاهی اوقات قالب یک صفحه وب ممکن است نیاز به نمایش متن در یک رمزگذاری خاص داشته باشد. چگونه مطمئن می شوید که یک سند وب این معیار را برآورده می کند؟ بسیار ساده. ساختار سرفصل سند باید حاوی الگوریتم‌های HTML باشد که به مرورگر دستور می‌دهد از رمزگذاری خاصی از زبان - به عنوان مثال، سیریلیک استفاده کند. دستورات مربوطه در داخل تگ META قرار می گیرند که مانند سایرین باز و بسته می شود.

بدنه اصلی صفحه وب

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

هر یک از انواع محتوای مربوطه برچسب های خاص خود را دارد. ساختار بخش اصلی یک سند وب ممکن است حاوی دستورات HTML باشد که با کمک آنها متن نیز قالب بندی می شود - به عنوان مثال، به یک فونت رنگ، اندازه و ویژگی های دیگر می دهد.

بیایید نگاهی به برخی از ویژگی های برخی از تگ های رایج HTML بیندازیم. در واقع، آنها عناصر اصلی صفحه وب را نیز تشکیل می دهند.

تگ های اصلی HTML

بنابراین، برای بررسی جزئیات عناصر یک صفحه وب، اجازه دهید ماهیت تگ‌های HTML اساسی را با جزئیات بیشتری مطالعه کنیم. ما قبلاً برخی از آنها را در بالا آورده ایم - به ویژه مواردی که مرورگر با کمک آنها سرصفحه های صفحات وب را می خواند و تعیین می کند که قسمت اصلی سند در کجا قرار دارد.

تگ P بسیار رایج است. این تگ مانند سایر عناصر مشابه زبان نشانه گذاری فرامتن، می تواند باز و بسته شود. این تگ به شما امکان می دهد یک پاراگراف از سند را قالب بندی کنید. برای مثال می توانید نوع خاصی از فونت یا رنگ آن را برای آن تنظیم کنید. با این حال، این کار با استفاده از یک برچسب اضافی - FONT انجام می شود. در این مورد، در داخل پاراگراف قرار می گیرد که محدودیت های پاراگراف را نشان می دهد - این به شما امکان می دهد دستور HTML را که نوع فونت ترجیحی را منعکس می کند به سایر عناصر صفحه وب منتشر نکنید.

جداول با استفاده از تگ TABLE ایجاد می شوند. با استفاده از ویژگی های مربوطه، می توانید تعداد مورد نیاز ستون ها و ردیف ها را تعیین کنید، عرض آنها، مشخصات حاشیه ها، اندازه و رنگ متن را در جدول تنظیم کنید.

تگ IMG وظیفه پردازش تصاویر توسط مرورگر را بر عهده دارد. همچنین به شما امکان می دهد ویژگی های مختلفی را قرار دهید که اندازه تصویر و موقعیت آن را در صفحه تنظیم می کند.

پیوندها به اسناد یا فایل‌های وب دیگر با استفاده از تگ A نشان داده می‌شوند. معمولاً، این برچسب حاوی ویژگی‌هایی است که نشان‌دهنده این واقعیت است که یک لینک در ساختار صفحه وب وجود دارد. در این حالت، سند، فایل یا سایتی که به آن منتهی می شود نشان داده می شود.

یک تگ رایج FRAMESET است. می توان از آن برای تقسیم فضای یک صفحه وب به چندین منطقه - فریم استفاده کرد. در هر یک از آنها می توانید پیوندهایی به اسناد وب جداگانه قرار دهید. یعنی فریم ها به شما این امکان را می دهند که همزمان دو یا چند صفحه را به درستی در یک صفحه قرار دهید.

داستانی در مورد عناصر کلیدی صفحات وب و داستان بعدی در مورد ابزارهای قالب بندی آنها با استفاده از HTML - چیزی شبیه الگوریتمی برای پاسخ ما به سؤالی که آزمایشگر از ما پرسید. اگر او به ما نزدیک شد و گفت «عناصر اصلی یک صفحه وب را فهرست کنید»، ما با استفاده از روش‌شناسی مناسب، همه فرصت را خواهیم داشت تا موضوع را فاش کنیم. یعنی با اصطلاح "عناصر" می توانیم اجزای اصلی ساختار یک سند وب یا انواع محتوا - متن، تصاویر، جداول، فریم ها، پیوندها را که مدیر وب با استفاده از ابزاری مانند HTML شکل می دهد، درک کنیم.

ویژگی ابزارهای توسعه وب

علاوه بر موارد فوق، می توانیم روشن کنیم که تعداد زیادی تگ و ویژگی ارائه شده توسط استانداردهای HTML وجود دارد. علاوه بر HTML، توسعه دهندگان وب می توانند از ابزارهای قالب بندی اضافی برای اسناد فرامتنی استفاده کنند. به عنوان مثال، با استفاده از زبان برنامه نویسی جاوا اسکریپت، می توانید صفحات وب پویا ایجاد کنید - یعنی صفحاتی که در آنها محتوا به طور مداوم به روز می شود (هم به دلیل اقدامات خود کاربر و هم مطابق با الگوریتم هایی که قبلاً در اسکریپت ها نوشته شده است).

اضافه کردن این نکته مفید خواهد بود که یک توسعه دهنده وب می تواند از زبان های برنامه نویسی تمام عیار در کار خود استفاده کند، به عنوان مثال، Perl، PHP، Java، Python، که با کمک آنها امکان کار با اسناد فرامتن فراهم می شود. حتی گسترده تر نیاز به این امر ممکن است به این دلیل باشد که امروزه زمینه های کاربرد فناوری های وب بسیار متفاوت است. چالش های پیش روی توسعه دهندگان امروزی می تواند دلهره آور باشد. به عنوان مثال، گاهی اوقات لازم است صفحات وب نوشته شده به زبان روسی به انگلیسی ترجمه شوند. در این مورد، جعبه ابزار توسعه دهنده متنوع ترین خواهد بود.

وب سایت ها با یکدیگر تفاوت دارند:

اندازه (از چند صفحه تا سرورهای وب با گیگابایت اطلاعات).

طراحی (رنگ بندی کلی، فرمت فونت، تصاویر استفاده شده و غیره).

ساختار (سیستم پیوند، پیوند دادن صفحات درون سایت، و همچنین لینک دادن به سایت های دیگر).

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

عناصر منفعل (تصویری).

• انیمیشن

عناصر فعال

• فیلدهای ورودی

  سوئیچ ها

قاب ها (eng.قاب- فریم، فریم) فناوری است که به شما امکان می دهد یک صفحه وب را به چند قسمت (پنجره) تقسیم کنید و امکان تغییر محتوای هر قسمت را بدون توجه به قسمت های دیگر ممکن می کند. به عنوان مثال، فهرست مطالب یک سایت اغلب در یک قاب تغییرناپذیر و محتوا در یک قاب دیگر قرار می گیرد.

مبحث 9. ارتباطات الکترونیکی. آدرس ایمیل

پست الکترونیکی (ایمیل از انگلیسی. پست الکترونیکی) نوع اصلی خدمات شبکه است. پیام رسانی از طریق سیستم پیاده سازی می شود سرورهای پست الکترونیکی.

برای هر کاربر در سرور ایمیل، مختص به خود است صندوق پستیمکانی روی دیسک سرور است که پیام های ایمیل در آن ذخیره می شوند. هنگام تکمیل ثبت نام یک آدرس ایمیل، کاربر یک نام (ورود به سیستم) و یک رمز عبور دریافت می کند که توسط آنها متعاقباً به صندوق پستی خود دسترسی پیدا می کند. نام (ورود، ورود) صندوق پستی توسط خود کاربر داده شده است. سرور فقط از منحصر به فرد بودن نام مطمئن می شود.

یک آدرس ایمیل از دو بخش تشکیل شده است که با علامت @ از هم جدا شده اند (این علامت معمولاً سگ نامیده می شود):

نام صندوق پستی کاربر (در مثال ما توسط او انتخاب شده است - ایرینا).

نام دامنه سرور ایمیل (در مثال ما - پست الکترونیکی. ru) .

برای مثال، ایرینا@ پست الکترونیکی. ru

آدرس‌های ایمیل بدون فاصله با حروف الفبای لاتین، اعداد یا نمادها نوشته می‌شوند (مجاز برای استفاده).

بر اساس اطلاعات ثبت نام آدرس ایمیل، الفحساب ، که حاوی اطلاعات لازم برای تماس با خدمات پستی از جمله نام کاربری (وارد شدن) و رمز عبور.

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

حفاظت از برنامه ریزی امنیت اینترنت

هدف حمله می تواند هم اطلاعات منتقل شده از طریق شبکه و هم یک کامپیوتر متصل به اینترنت باشد.

اطمینان از امنیت کامل هنگام استفاده از اینترنت غیرممکن است، اما برنامه ریزی حفاظت از قبل به طور قابل توجهی احتمال حملات را کاهش می دهد. از آنجایی که اینترنت دائماً در حال تکامل است، مشکلات امنیتی جدید دائماً در حال ظهور هستند، بنابراین به روز رسانی ابزارهای حفاظتی بخش اجباری حفظ سلامت یک سیستم رایانه ای است.

خطوط دفاعی:

مسدود کردن حملات احتمالی:

از نرم افزار و سخت افزار ویژه برای مسدود کردن داده های ناامن و غیر ضروری استفاده کنید.

از احراز هویت و رمزگذاری استفاده کنید.

کاهش منابع خطر:

فقط از خدمات اینترنتی استفاده کنید که واقعاً به آنها نیاز دارید.

از نرم افزارهای بی عیب و نقص استفاده کنید و آن را به روز نگه دارید.

نرم افزار را به درستی پیکربندی کنید (هرچه کمتر مجاز باشد، امنیت بالاتر است).

اطلاعات مربوط به خود را در اینترنت تبلیغ نکنید.

دسترسی به منابع رایانه خود را محدود کنید.

آماده شدن برای بهبودی پس از یک حمله:

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

همیشه توزیع نرم افزار را در دسترس داشته باشید.

احراز هویت (ازrpطبیعیauthentikos- اصالت) - تأیید صحت.

عناصر صفحه وب

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

اولین عنصر یک صفحه وب که به آن نگاه خواهیم کرد عنوان آن است. می توان آن را هم به صورت متنی و هم به صورت گرافیکی ساخت، اما در هر صورت باید در بالای سند قرار گیرد. اگر این منبع وب به دو زبان ارائه شده باشد، گاهی اوقات یک منو برای انتخاب رمزگذاری سیریلیک و دکمه های تغییر از زبان روسی به نسخه انگلیسی زبان سایت با عنوان ترکیب می شود. به طور مستقیم زیرنویس سند، به عنوان یک قاعده، فضای اختصاص داده شده برای قرار دادن یک بنر تبلیغاتی است. در بیشتر موارد، درج یک بنر در قسمت بالای صفحه وب پیش نیاز ثبت سایت در خدمات تبادل بنر است - سیستم هایی که منبعی را که شما ایجاد کرده اید در ازای نمایش تبلیغات سایر اعضای شبکه تبادل بنر تبلیغ می کنند. در صفحات سایت شما اندازه استاندارد بنرهایی که تحت عنوان سند منتشر می شود معمولاً 468x60 پیکسل است. اگر از صفحه‌آرایی ثابت استفاده می‌کنید، پهنای عنوان سند شما تقریباً 640 پیکسل خواهد بود، در درجه اول به دلیل نیاز به اطمینان از اینکه سند به درستی در مانیتورهایی با وضوح صفحه نمایش 640x480 پیکسل نمایش داده می‌شود و از ظاهر افقی جلوگیری می‌کند. نوار اسکرول که مشاهده آن را دشوار می کند. بدیهی است که عرض بنر در این حالت بسیار کمتر از عرض عنوان خواهد بود که به همین دلیل در قسمتی از صفحه که قصد دارید فضایی برای تبلیغات اختصاص دهید فضای خالی تشکیل می شود که می توان آن را پر کرد. با آرم شرکت صاحب این سایت یا پیوند به سروری که وب را پیاده سازی می کند. البته، لوگو همیشه ضروری نیست: به عنوان یک قاعده، تنها در صورتی در یک صفحه وب قرار می گیرد که سایت تمرکز تجاری داشته باشد.

بخش اصلی سند را به اصطلاح فیلد متنی اشغال می کند - منطقه ای که محتوای معنایی صفحه در آن قرار دارد: متن اطلاعات آموزنده و تصاویر. به عناصر ذکر شده محتوا نیز گفته می شود (از انگلیسی، محتوا - محتوا). مکان جعبه متن در درجه اول به نحوه قرار دادن بقیه سند توسط طراح وب بستگی دارد.

بخش اجباری بعدی صفحه وب، عناصر ناوبری است - پیوندهای پیوندی که این سند را با بخش های دیگر سایت پیوند می دهد. عناصر ناوبری را می توان به شکل رشته های متنی، اشیاء گرافیکی، یعنی دکمه ها یا اجزای فعال، به عنوان مثال، اپلت های جاوا، اجرا کرد. دومی همان دکمه‌هایی هستند که برخلاف خواهران سنتی خود، قادر به واکنش به حرکات ماوس هستند و هنگامی که مکان‌نما روی آن‌ها قرار می‌گیرد، کارهای ساده‌ای را انجام می‌دهند (روشن کردن نور پس‌زمینه، ایجاد افکت فشار دادن، تغییر شکل و غیره). . همانطور که قبلاً در بخش "اصولات" اساسی طراحی وب ذکر کردم، عناصر ناوبری باید به گونه ای چیده شوند که همیشه در دسترس باشند، یعنی کاربر مجبور نباشد صفحه را به عقب برگرداند. اگر فیلد متنی چندین صفحه فیزیکی است، و سپس برای مدت طولانی به دنبال پیوند به بخش های دیگر باشید. ثابت‌ترین روش، قرار دادن عناصر ناوبری در سمت چپ صفحه است.

در پایین سند، مرسوم است که اطلاعات مربوط به توسعه دهندگان سایت و یک آدرس ایمیل منتشر شود که بازدیدکنندگان منبع می توانند پاسخ ها، پیشنهادات و خواسته های خود را برای صاحبان صفحه ارسال کنند. اگر صفحه وب یک سند شروع است، یک شمارنده ضربه نیز در پایین آن قرار می گیرد - یک اسکریپت کوچک که یک اسکریپت CGI نصب شده روی سرور را فراخوانی می کند، که هر باز شدن سند را در مرورگر کاربر ثبت می کند و مقدار آن را تغییر می دهد. نشانگر شمارنده به لطف این، مدیر وب به راحتی می تواند تعداد بازدیدکنندگانی را که در هر بازه زمانی از صفحه او بازدید کرده اند، تعیین کند. توجه داشته باشید که شمارنده بازدید فقط در صفحه اولی که هنگام دسترسی به سایت فراخوانی می شود تنظیم می شود و در بقیه اسناد منبع وجود ندارد. همچنین قرار دادن چند شمارنده مختلف در یک صفحه توصیه نمی شود.

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

در عمل، یافتن وب سایت هایی که در طراحی آنها عناصر ناوبری در لبه سمت راست صفحه قرار گرفته اند، معمول است. در این حالت ، قسمت متن به سمت چپ منتقل می شود ، بقیه اجزای سند بر اساس اصل حداکثر زیبایی شناسی ترکیب آنها مرتب می شوند.

همانطور که در شکل مشاهده می کنید، لوگو در این حالت با عنوان سند در یک سطح قرار می گیرد و بنر تبلیغاتی نسبت به مرکز صفحه قرار می گیرد. با این رویکرد توصیه می شود که طرح گرافیکی عنوان، لوگو و زمینه تبلیغاتی در یک رنگ و سبک هنری حفظ شود - در این صورت عدم تقارن موقعیت این اشیاء چندان مشهود نخواهد بود و چشم حامیان را بریده نمی کند. از زیبایی شناسی طراحی دقیق و جدولی.

عناصر ناوبری را می توان نه تنها در نزدیکی مرزهای راست و چپ صفحه، بلکه در بالای سند نیز قرار داد. این گزینه چیدمان، به نظر من، هنگام ایجاد صفحات اصلی مناسب است: در این حالت، تمام اشیاء صفحه به طور هماهنگ در عرض مشخص شده جدول نامرئی قرار می گیرند، در حالی که آماده سازی خود جدول بسیار ساده شده است. تنها اشکال این روش نیاز به کپی کردن عناصر ناوبری در پایین سند است، زیرا هنگام پیمایش عمودی صفحه، آنها از بالای صفحه ناپدید می شوند و برای رسیدن به آنها، کاربر باید به عقب برگردد. صفحه نمایش، که، می بینید، بسیار ناخوشایند است.

البته تمام آنچه در این بخش گفته شد، نوشدارویی نیست، بلکه راهنمای عمل است. من سعی می کنم فقط اصول کلی را بیان کنم که در هنگام مونتاژ ساختار سایت اعمال می شود، تصمیم نهایی همیشه با مدیر وب سایت باقی می ماند. در نهایت، مهم نیست که چه طرحی را در اساس پروژه آینده خود قرار دهید، نتیجه کار شما همچنان درست خواهد بود: هیچ سانسوری در اینترنت یا هیچ مقرراتی وجود ندارد که سازنده سایت را مجبور به یک یا آن چارچوب سفت و سخت کند. نمونه ای از راه حل های طراحی که در هیچ یک از دسته بندی های بالا قرار نمی گیرد، طرح به اصطلاح ترکیبی است.

همانطور که از شکل مشاهده می کنید، در این مثال، برخی از کنترل ها مستقیماً در عنوان صفحه تعبیه شده اند - ما در مورد دکمه هایی برای جابجایی بین نسخه های روسی و انگلیسی سایت و همچنین دکمه های ناوبری صحبت می کنیم: این می تواند باشد. پیوندی به آدرس ایمیل خالقان منبع، که در پایین سند تکرار شده است، و پیوندی به یکی از بخش های موضوعی، به عنوان مثال، صفحه اخبار. بلوک اصلی عناصر ناوبری نسبت به حاشیه سمت چپ سند قرار دارد، اما منوی انتخاب کدگذاری سیریلیک دقیقاً زیر بنر تبلیغاتی در بالای صفحه قرار دارد. فیلد متنی به دو ستون نامتقارن تقسیم می‌شود و ستون سمت راست حاوی اعلان‌های مختصری از عناوین موضوعی تشکیل‌دهنده منبع، از جمله پیوندهایی به این بخش‌ها است.

بدیهی است که گزینه‌های بسیار متنوعی برای طرح‌بندی ترکیبی یک صفحه وب وجود دارد: تصمیم‌گیری‌های خاص به تعداد بخش‌هایی که منبع را تشکیل می‌دهند، مقدار متن آماده شده برای قرار دادن در سایت و در نهایت به تصورات خود طراح فقط مهم است که ظاهر سایت باعث شکایت بازدیدکنندگان نشود. از این گذشته، فقط شما به عنوان یک توسعه دهنده، شما و هیچ کس دیگری، حق دارید تمام توانایی ها و استعدادهای خود را نشان دهید و صفحه را مطابق میل خود بسازید. سازندگان برخی از صفحات اصلی، بدون شک و تردید، یک شمارنده ضربه در گوشه سمت راست بالای سند قرار می دهند، نام سایت را با حروف کوچک و کوچک می نویسند و آن را در زیر یک بنر تبلیغاتی منتشر می کنند و به دلایلی ناوبری می کنند. عناصر به طور غیرمنتظره درست در وسط بلوک متن، بین داستان در مورد خود و عکس های سگ محبوب نویسنده پروژه ظاهر می شوند. برای طعم و رنگ، همانطور که می گویند، هیچ رفیقی وجود ندارد. اما شخصاً این بیماری غیر قابل درمان به نظر می رسد.

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

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

زیرنویس خود سند معمولاً حاوی فضایی است که برای قرار دادن در نظر گرفته شده است. بنر تبلیغاتی... درج یک بنر در قسمت بالای صفحه وب در بیشتر موارد پیش نیاز ثبت سایت در خدمات تبادل بنر است - سیستم هایی که منبع ایجاد شده شما را در ازای نمایش تبلیغات سایر اعضای شبکه تبادل بنر در صفحات تبلیغ می کنند. از سایت شما

قسمت اصلی سند توسط به اصطلاح اشغال شده است فیلد متنی- منطقه ای که محتوای معنایی صفحه در آن قرار دارد: متن و تصاویر اطلاعاتی آموزنده. عناصر فهرست شده نیز "محتوا" نامیده می شوند (از انگلیسی، محتوا - محتوا). مکان جعبه متن در درجه اول به نحوه قرار دادن بقیه سند توسط طراح وب بستگی دارد.

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

ننت ها، مانند اپلت های جاوا. دومی همان دکمه‌هایی هستند که برخلاف خواهران "سنتی" خود، می‌توانند به حرکات ماوس پاسخ دهند و هنگامی که مکان‌نما روی آنها قرار می‌گیرد، برخی اقدامات ساده را انجام می‌دهند (روشن کردن نور پس‌زمینه، ایجاد جلوه "فشار دادن"، تغییر شکل و غیره) و غیره).

ثابت‌ترین روش، قرار دادن عناصر ناوبری در سمت چپ صفحه است.

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

اگر صفحه وب سند شروع است، پایین آن نیز قرار می گیرد پیشخوان بازدید- یک اسکریپت کوچک که یک اسکریپت CGI نصب شده روی سرور را فراخوانی می کند که با تغییر مقدار نشانگر شمارنده، هر باز شدن یک سند را در مرورگر کاربر ثبت می کند. قرار دادن چند شمارنده مختلف در یک صفحه توصیه نمی شود.

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

دانستن مکان و نحوه قرار دادن کلمات کلیدی در یک صفحه وب، موفقیت یا شکست کمپین سئوی شما را تعیین می کند.

هر صفحه وب دارای 5 عنصر است که باید کلمات کلیدی خود را در آن قرار دهید:

1. عنوان صفحه (برچسب عنوان)
2. کلمات کلیدی صفحه (کلمات کلیدی متا تگ)
3. توضیحات صفحه (توضیحات متا تگ)
4. متن جایگزین برای تصاویر (برچسب Alt)
5. محتوای صفحه وب (برچسب بدنه)

از بین تمام عناصر فوق در یک صفحه وب، مهمترین آنها محتوای صفحه است (نکته 5). بیشتر در این مورد بعدا.

در حال حاضر، اجازه دهید این لیست را به ترتیب در نظر بگیریم.

عنصر شماره 1. عنوان صفحه (برچسب عنوان)

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

می توانید عنوان صفحه وب را در خط بالای مرورگر اینترنت مشاهده کنید. برای تأیید این موضوع، هر مرورگری را راه اندازی کنید، به عنوان مثال اینترنت اکسپلورر، اپرا یا موزیلا فایرفاکس، به هر سایتی بروید و محتوای برچسب عنوان را با خط بسیار بالای این مرورگرها مقایسه کنید. موتورهای جستجو از این برچسب برای اهداف خود استفاده می کنند - برای جمع آوری اطلاعات در مورد سایت و تعیین موضوع آن و همچنین استفاده از آن در نتایج جستجو (SERP) به عنوان نام صفحه وب.

یاد آوردن!عنوان یک صفحه وب شرح کوتاهی از آن است.

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

عنصر شماره 2. کلمات کلیدی صفحه (کلمات کلیدی متا تگ)

حالا بیایید در مورد متا تگ کلمات کلیدی و توضیحات صحبت کنیم. مدتی پیش برای افزودن یک سایت به فهرست موتورهای جستجو از کلمات کلیدی متا تگ استفاده می شد. اما آن روزها تمام شده اند. اکنون موتورهای جستجو به سادگی این برچسب را نادیده می گیرند، زیرا موارد مکرری از استفاده از آن برای اهداف "کثیف" وجود دارد. برخی از موتورهای جستجو برای تعیین موضوع سایت به این برچسب توجه می کنند.

از تمام آنچه گفته شد، نتیجه می شود که این برچسب اختیاری است، اما شما می توانید آن را صرفاً برای هدف فوری خود استفاده کنید.

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

عنصر شماره 3. توضیحات صفحه (توضیحات متا تگ)

تگ توضیحات متا یکی دیگر از عناصر سایت است که کلمات کلیدی باید در آن قرار گیرند. موتورهای جستجو این تگ را برای وجود کلمات کلیدی در آن اسکن می کنند و همچنین محتوای آن را با محتوای خود سایت (محتوای تگ بدنه) مقایسه می کنند. همچنین بسیار مهم است که موتورهای جستجو از محتوای تگ توضیحات به عنوان توضیحات صفحه وب در نتایج جستجو (SERP) استفاده کنند.

این برچسب باید حاوی توضیحات کوتاهی از صفحه وب باشد، اما بیش از 50 کلمه نباشد.

عنصر شماره 4. متن جایگزین برای تصاویر (برچسب Alt)

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

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

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

عنصر شماره 5. محتوای صفحه وب (برچسب بدنه)

بنابراین، در نهایت، به اساسی ترین عنصر سایت رسیدیم - برچسب بدنه، عنصری که محتوای آن بیشتر مورد توجه کاربران اینترنت است. موتورهای جستجوی اصلی دیگر تنها به دلیل تکرار چند کلمه کلیدی در صفحه وب سایت شما، 1 SERP به شما نمی دهند. فقط صفحه وب که بیشترین ارتباط را با یک عبارت جستجوی خاص دارد در آنجا ظاهر می شود.

برای رسیدن به این هدف، باید کلمات کلیدی انتخاب شده را با رعایت دفعات تکرار آنها در کد صفحات وب جاسازی کنید. به صورت زیر عمل کنید: برای هر صفحه خاص، 1-2 کلمه کلیدی را انتخاب کنید و صفحه مربوطه را برای آنها بهینه کنید.

تصور کنید که در حال آماده سازی ارائه ای از وب سایت یا محصول جدید خود هستید. سپس، برای مثال، اسلایدهای ارائه پاورپوینت شما پاراگراف هستند. آنها باید کوتاه و واضح باشند. درست مانند ارائه‌های پاورپوینت، می‌توانید از فهرست‌ها برای فهرست کردن مزایای سایت یا محصول خود استفاده کنید و هر بار بر روی کلمات کلیدی انتخاب شده تمرکز کنید.

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