5 уеб файла, които ще подобрят вашия сайт
За какви файлове говорим? Не беше толкова лесно да се изберат най-значимите пет, защото има много такива файлове (например .htaccess, които няма да разгледаме). И всички те могат да бъдат от безценна полза за вашия сайт.
Файловете, обсъдени в тази статия, са избрани единствено въз основа на ефективност и лекота на внедряване в системата. И, разбира се, степента на евтиност.
И така, ще разгледаме файловете: robots.txt, favicon.ico, sitemap.xml, dublin.rdf и opensearch.xml. Тези файлове ще ви бъдат полезни при търсене (индексиране), използваемост и много други.
Нека започнем с познат файл: robots.txt.
Основната задача на файла robots.txt е да определи кои части от вашия сайт не трябва да бъдат охранявани.
По дефиниция този файл действа като "фейс контрол". Ако в директорията на уебсайта по подразбиране няма файл robots.txt, тогава няма бариери за търсачките, те могат свободно да обхождат и индексират информация.
Можете да деактивирате индексирането директно от HTML документа, като използвате мета тага ( ). Използването на един файл обаче ще ви даде предимството да бъдете лесни за добавяне, премахване на записи и поддръжка.
Забележка: Струва си да се отбележи, че използването на този файл изобщо не е необходимо. Но ако имате поверителна информация, това е точно това, от което се нуждаете.
Създаване на файл Robots.txt
След това трябва да напишем цяла поредица от инструкции, които паяците за търсене ще следват. Структурата на файла robots.txt е подобна на CSS по много начини. Командите, които формират правилата, се състоят от двойка ключ-стойност.
Ето пример, който не позволява на роботите да обхождат директориите /members/ и /private/:
Във файла robots.txt, восновно само 2 полета са значими (има и много нестандартни, като Crawl-delay, но за тях по-късно).
Използването на * като стойност за User-agent означава, че позволявате на всички роботи да следват правилата на този файл; * означава пълно съответствие.
Нестандартни полета в Robots.txt
Разбира се, в допълнение към стандартите на файла robots.txt, има и много възможни изключения, които ще ви позволят да разширите способността си да комуникирате с роботите за търсене. Не забравяйте, че нестандартните полета може да са непознати за някои търсачки, но не е нужно да се притеснявате за най-популярните.
Ето някои от най-популярните области:
- Карта на сайта: път до файла Sitemap.xml
- Разрешаване: обратно действие на Забрана
- Закъснение при обхождане: стойност в секунди, която отговаря за прекъсването между заявките, направени от пълзящи паяци
По-рядко използвани са полета като Visit-time, което позволява на търсачките да индексират само в определени часове на деня или нощта.
Нека ви дам пример за по-сложен файл robots.txt:
favicon.ico
Favicon (съкратено от „икона на любими“) е малко изображение (нещо като пряк път към програма), което представлява вашия сайт.
Наистина страхотното е, че повечето браузъри поддържат тази функция!
Създаване на файл Favicon.ico
Освен това има онлайн версии на генератори на favicon. Ето кратък списък.
Обичайните размери на favicon са 16x16px (или 32x32px). Да, да, да... това е пространството, което ти беше дадено.
След като проектирате вашата икона, запазете файла като "favicon.ico" вглавната папка на вашия уеб сървър (по подразбиране браузърът го търси там).
Запомнете: по-добре е да използвате формата .ico за favicon, защото Някои браузъри не поддържат PNG, GIF или JPEG файлове.
За да включите favicon на вашата страница, поставете следния код в секция на вашия HTML документ:
Стойността за атрибута rel може да бъде "икона за бърз достъп" или "икона". Тези низове са контейнери за "image/x-icon".
Забележка: Internet Explorer (и няколко други браузъра) по подразбиране търсят favicon в главната директория на вашия сайт (трябва да е там), но все пак трябва да добавите връзка в раздела. Не всички браузъри са еднакво умни.
Фавикони в устройства на Apple
Има друг стандарт, създаден специално за продукти на Apple като iPod, iPad и iPhone. За тези устройства можете да използвате икони с размери 57x57 във формат PNG, ICO или GIF (поддържащ прозрачен фон). Тези икони се показват в главния раздел.
Apple също препоръчва използването на заоблени ъгли (90).
За да могат тези икони да се показват нормално, добавете следния код към секцията:
sitemap.xml
Много разработчици са загрижени преди всичко дали сайтът им ще бъде индексиран от гиганти в търсенето като Google.
Докато файлът robots.txt определя кои части от сайта да се скрият от индексиране, файлът Sitemap.xml съдържа структурата на вашия сайт и страници. Този файл помага на търсачките да навигират в сайта ви.
Първото нещо, което трябва да направите, е да създадете xml файл и да го кръстите "sitemap.xml". Тези файлове, както и предишните, трябва да бъдат поставени в главната директория на вашия сайт (отново заумни и не много търсачки).
По-долу съм предоставил пример за проста карта на сайта.
Всеки файл с карта на сайта трябва да започва с дефиниция на типа документ (DTD), която показва избраното UTF-8 кодиране. Освен това трябва да бъде написан на XML и да отговаря на официалната схема. официална схема на карта на сайта.
Следвайки горните правила, вие ще имате файл със списък на всички видове връзки, представящи структурата на вашия сайт.
Всеки URL трябва да съдържа два елемента: и . Структурата на този файл не е сложна, така че дори неопитен разработчик може лесно да се справи с тази задача без много усилия.
За да свържете картата на сайта с вашия HTML документ, поставете следния код в секцията:
Допълнителни тагове на Sitemap
Освен просто изброяване на връзки, има редица други мета тагове, които могат да бъдат написани в . Тази допълнителна информация ще позволи на паяците да си свършат работата по-детайлно - точно това е цялата сила на този файл.
Например, можете да използвате етикета, за да посочите датата на последна промяна (във формат ГГГГ-ММ-ДД). Можете също да добавите елемент, чиято стойност може да бъде винаги, почасово, ежедневно, седмично, месечно, годишно и никога. Те ви казват колко често се актуализира страницата (страница, която се актуализира ежедневно, трябва да бъде настроена на ежедневно).
Има и етикет
, чиято стойност може да варира от 0,0 до 1,0. Той ви казва колко важна е дадена страница на вашия сайт.
Ето пример за използване на тези тагове:
Файлът Dublin.rdf действа като контейнер за официални мета елементи (според спецификацията на DCMI), които могат да подобрят семантичната стойност.информация, която предоставяте.
Създаване на файл Dublin.rdf
Първо трябва да създадете файл (и да го кръстите "Dublin.rdf"). За да осигури проста, но стабилна структура (според ресурсите на DCMI), този файл трябва да бъде в XML формат и след това да бъде свързан към HTML документ, за да се утвърди.
Когато паяк за търсене или друг уеб инструмент, който разбира DCMI, види този файл, той ще кешира цялата вътрешна информация.
Това не означава, че не можете да използвате традиционни мета тагове, но този файл може да бъде приятно допълнение.
Подобно на много XML файлове, RDF документът съдържа DTD - останалото е описателна информация (включително връзка към източника).
Ако погледнете примера по-горе, ще видите набор от елементи (които започват с префикса dc:), които съдържат метаданни.
За да включите този файл във вашите страници, просто поставете следния код в секцията:
OpenSearch.xml
Способността за търсене е важен аспект от взаимодействието на информацията.
Файлът OpenSearch ви позволява да създадете персонализирана търсачка (на вашия собствен сайт), включително всички най-готини функции за модерни браузъри, които могат да взаимодействат с OpenSearch; Това е сигурно.
Ако все пак искате да организирате търсачка на вашия сайт, ядрото на този механизъм ще ви помогне с това.
Както във всички предишни случаи, трябва да подготвим специален файл, предназначен за тези цели.
За разлика от файловете robots.txt или sitemap.xml, тук можем да дадем произволно име на файла. OpenSearch обаче препоръчва името на файла да е „opensearch.xml“.
Файлзапочва точно както всички предишни. Това е последвано от много тагове, като например: и (чувствителни към малки и главни букви), където трябва да поставите описание на вашия сайт.
Ето пример за нашия уебсайт с помощта на Google Търсене.
- Кратко име: заглавие за търсене
- описание: описание
- Изображение: Път на фавикон
- Url: път на сайта
Поставете връзката в секцията:
Други тагове на OpenSearch
Има редица допълнителни тагове. Ето някои от тях:
Просто и ефективно
Въпреки че разгледахме тези 5 файла в някои подробности, винаги има нещо, което трябва да овладеете сами, но без съмнение ще имате само полза от него.
Този урок е подготвен за вас от екипа на ruseller.com Източник на урока: www.sixrevisions.com/web-standards/5-web-files-that-will-improve-your-website/ Превод: Станислав Протасевич Урокът е създаден: 22 март 2011 г. Прегледан: 104615 Правила за препечатване
5 последни урока от рубриката "Използваемост"
Митове за имейл маркетинга
Все още ли използвате имейл маркетинг, за да популяризирате бизнеса си? Ако не, това следствие ли е от факта, че смятате пощенския списък за неподходящ за вашия бизнес? Ако използвате бюлетина, сигурни ли сте, че е възможно най-ефективен? Както много други неща в живота, областта на маркетинга е пълна със слухове и митове, които звучат страхотно, но всъщност са вредни. За щастие, примерите, споменати по-долу, ще подобрят значително вашите стратегии за имейл маркетинг.
Когато потребителите оставят полето за търсене празно.
Мисля, че и вие като мен прекарвате много време в опити да усъвършенствате всеки свой детайлуебсайт: от отлично показване на различни устройства до създаване на забавни 404 страници! В същото време чудили ли сте се някога какво се случва, ако потребителят остави полето за търсене празно и след това натисне Enter?
Разумна достатъчност: какво означава това при попълване на формуляри?
Терминът "разумна достатъчност" се отнася до склонността на дадено лице да използва минимални ресурси за успешно завършване на работа. Това е феномен, който се случва на подсъзнателно ниво: най-често дори не мислим за факта, че сега трябва да положим минимални усилия, за да изпълним определена задача.
7 дизайнерски тенденции, оформящи бъдещето на UX
Предлагаме на вашето внимание най-впечатляващите техники за 2014 г., които се използват в уеб дизайна. Независимо от предмета на вашия сайт, тези насоки могат да ви бъдат полезни.
Три остарели UX подхода и техните алтернативи
UX зависи от много фактори, но няма научна формула, която да ви каже дали тази или онази опция е правилна или грешна. Вие сте единствените, които могат да преценят това въз основа на това дали UX подходът отговаря на вашите нужди.