Html search engine optimization

1. HTML Search Engine Optimization БОЯН ИВАНОВ

2. Какво представлява SEO  SEO или Search Engine Optimization, е практиката за оптимизиране на уеб сайт за улеснено намиране използвайки уеб търсачка, примерно Google, Bing, Yahoo, и т.н.  Този вид оптимизация се получава като променяме някой части от уеб сайта, който може на пръв поглед да не направят голяма разлика за потребителя, но улесняват откриването на уеб сайта чрез автоматизираният процес на уеб търсачките. 2

3. Какво виждат уеб търсачките  Уеб търсачките търсят някой специфични елемента, които да използват когато трябва да покажат сайта Ви.  За целта, ние като програмисти на този сайт, трябва да въведем тази информация по коректния начин за да се класираме колкото може по-горе в резултатите на търсенето. 3

4. Какво виждат уеб търсачките  Като първа стъпка трябва да въведем първоначалната информация, която се вижда при търсенето на нашия сайт.  За целта трябва да се въведе заглавие на уеб сайта. Това се постига като през <head> ... </head> тага въведем <title> на нашия сайт.  Като втора стъпка трябва да въведем нашето описание. По този начин google има нуждата информация за да опише с какво се занимава нашият сайт.  Това го постигаме чрез въвеждане на таг : <meta name=“description” content=“…”> 4

5. Какво виждат уеб търсачките  Като въведем в <head> тага тези две информации ще се получи нещо такова :  <title>Google</title>  <meta name=”description” content=”Search the world’s information, including web pages, images, videos and more. Google has many special features to help you find exactly what you’re looking for.“> 5

6. Структурирайте уеб сайта си  Когато уеб сайта Ви е по- голям от една статична страница, а има разделения за различни продукти и страници, винаги е добре да сме създали някаква структура за да улесниме както потребителя, така и търсачките. Структура на сайт за бейзбол карти 6

7. Структурирайте уеб сайта си  Избягвайте вложени връзки като тази :  По този начин може да объркате потребителя Ви както и е възможно роботите на Google да не минат през целият Ви уеб сайт. 7

8. Използвайте SEO – friendly структури  Под “SEO – friendly” имам предвид да си струкурираме страницата използвайки тагове, които дават логика към кода ни. Това са тагове като : • <em> вместо <i> • <strong> вместо <b> • <ins> вместо <u> • <del> вместо <s>  По този начин вкарваме логика в страницата ни, а не само стилизиране. 8

9. Използвайте SEO – friendly структури  Освен тези тагове, за да придадем структура към нашия код, както и да покажем коя част от страницата за какво служи, можем да използваме следните тагове : • <header>: За горната част на уеб страницата. • <footer>: За долната част на уеб страницата. • <nav>: Съдржа навигационното меню. • <article>: Използва се за статии и друг вид парчета код, съдържащи матерял, които може да се използва и като RSS канал. • <section>: За различни секции в сайта Ви. • <aside>: Дефинира елемент, които е сроден към основното съдържание, но е странично от него 9

10. Линкове  Винаги използвайте линкове за препращането от една страница в сайта Ви към друга. Освен че е по- лесно за потребителите и за вас, роботите на уеб търсачките ги използват за да структурират сайта Ви.  По този начин вие препращате търсачките да минат през всичките Ви страници, индексирайки така цялото уеб пространство направено от вас. 10

11. rel="nofollow"  Използвайте този атрибут когато искате роботите да не продължават през някой от линковете на страницата.  Тази практика се използва най-често за форуми или сайтове със системи за коментиране, поради причината че е възможно някой потребител да въведе линк към външен сайт, които не трябва да се индексира.  Също така се използва за външни линкове въведени от вас, които не искате да се индексират към вашата страница. 11

12. Съдържанието на страницата Освен кода, трябва винаги да внимавам и съдържанието в нашата страница.  То трябва да е лесно за прочитане.  Количеството да не е твърде много и без струкура, прим 100 реда без нито един <p> таг  Създавайте ново и уникално съдържание. Търсачките наказват копирането на текстове от други сайтове като индексират първия уеб сайт с това съдържание.  Създавайте съдържанието за потребителите Ви, а не за уеб търсачките. 12

13. Heading tags  Това представляват <h1> до <h6> таговете  Използвайте ги по предназначение  Те дават тежест на текста, които съдържат и са много важни за уеб търсачките.  Използвайте за заглавието ви <h1>, за подзаглавия на статии <h2>/<h3> и т.н.  По този начин структурирате данните в една страница по-важност и търсачките, както и потребителите го виждат това. 13

14. Алтернативен текст на снимки  При въвеждането на снимки в един уеб сайт имаме избора на атрибут към <img> тага, наречен “alt”.  Той представлява алтернативен текст към снимката и улеснява обяснението на „Какво трябва да представлява тази снимка?“  По този начин ако на някой потребител не зареди тази снимка, се изписва този алтернативен текс  Също така търсачките знаят какво представлява тази снимка и могат да използват тази информация за да ви помогнат в отркиването Ви. 14

15. Robots.txt  Възможно е съставянето на текстов файл, които трябва да е прикачен към root директорията на уеб сайта ви с името robots.txt.  Този файл представлява забрана на роботите на уеб търсачките за влизането и индексирането на страници в уеб сайта ви, които не искате да се индексират.  Един примерен robots.txt файл изглежда по-този начин 15

16. Блокирането на роботи  Освен с атрибута rel=nofollow и robots.txt файла имаме опцията на meta tag, с който да спрем роботите да индексират дадена страница  <meta name="robots" content="index,nofollow">  Като content имаме опция за индексиране на текущата страница като index или noindex  По същия начин имам опцията за follow или nofollow към линкове на текущата страница.  По подразбиране опцията е index, follow. 16

17. Изпращане на роботите на Google  Като сме съставили сайта ни както искаме и вече искаме роботите на гугъл да минат през нашата страница за да я индексират и да можем да я намерим през търсачката има няколко варианта.  Или тя от само себе си да бъде открита като бъде постната през индексиран сайт, или по някакъв друг начин да се открие от тях  Или ние да я пратим за индексиране към google чрез този линк : https://www.google.com/webmasters/tools/submit-url 17

18. Библиография  Google's Search Engine Optimization Starter Guide (http://www.leapcms.com/documents/search-engine- optimization-starter-guide.pdf)  Search Engine Optimization Starter Guide, by Google (https://static.googleusercontent.com/media/www.goog le.com/bg//webmasters/docs/search-engine- optimization-starter-guide.pdf)  Тествайте вашия сайт : https://www.seocentro.com/tools/seo/seo-analyzer- result.html 18

Html search engine optimization

Html search engine optimization

Recommended

More Related Content

What's hot

What's hot(20)

Viewers also liked

Viewers also liked(6)

Similar to Html search engine optimization

Similar to Html search engine optimization(20)

Html search engine optimization

Editor's Notes