Як створити свій літературний сайт (Алекс Єфімов)
У цій статті хочу поділитися з вами досвідом створення свого персонального літературного сайту http://alexefimov.ru.
Інтернет рясніє рекомендаціями на цю тему, але я досі не зустрів жодного ресурсу, де б у доступній формі був описаний весь процес від і до. Оскільки я сам любитель, ви не знайдете тут хитрощів, якими часто грішать профі. Звертаю увагу на те, що я не ставив собі за мету скопіювати в одне місце всю масу знань. За потреби ви зможете знайти детальну (іноді навіть занадто) інформацію з того чи іншого питання в Мережі. Я вважаю, що головне – це розуміння концепції та етапів роботи, результатом якої стане ваш персональний сайт.
Необхідно зробити на березі два застереження:
Потрібно зробити всього 7 кроків на шляху до свого сайту.
1. Вибрати та зареєструвати домен.
Зареєструвати домен дуже просто. Я рекомендую робити це у надійних реєстраторів і не вдаватися до допомоги сумнівних осіб, які пропонують «те саме, але дешевше». Повірте, економія пари-трійки сотень рублів на рік не варта того. Знайти провайдера – найпростіше. Просто наберіть у пошуковій системі магічні слова «зареєструвати домен», і вам буде запропоновано список. Вибирайте будь-яку компанію з верхньої частини, ціни відрізняються несуттєво, можливі акції зі знижками від конкретного реєстратора. Я пов'язав свою долю із nic.ru. На сайті реєстратора можна ввести доменне ім'я та перевірити, чи вільне воно. Якщо зайнято – се ляві, шукайте інше. Наприклад, у моєму випадку були зайняті доменні імена efimov.ru та aefimov.ru. Я не сильно засмутився і вибрав alexefimov.ru. Взагалі доменів верхнього (першого) рівня дуже багато – . ru, . com, . org, . і т.д. Якщо на .ru бажане ім'я зайняте,можливо, воно вільне на іншому домені, реєстратор вам це підкаже. Можна подивитися кирилицю - .рф, якщо ви не маєте нічого проти. Кажуть, у пошукових роботів Google, Yandex тощо. є свої переваги у частині доменів першого рівня. Докладніше можна почитати про це в інтернеті, набравши в пошуковій системі, скажімо, ось це: «com або ru».
Якщо домен вільний, далі справа техніки. Виконуйте інструкції на сайті реєстратора, і все у вас вийде. Я рекомендую реєструвати домен та замовляти хостинг (пункт 2 нижче) в одного провайдера. Так простіше та зручніше. Крім того, комплексна пропозиція (домен плюс хостинг) вийде вам дешевше ніж якщо брати окремо. Наприклад, у nic.ru домен у зоні .ru коштує 600 руб. на рік, найпростіший хостинг - 1950 руб. на рік. Разом 2550 руб. Комплексна пропозиція на те саме - 2000 руб. на рік. (Дані наведені на початок 2014 року).
2. Замовити хостинг.
Суттєвіший момент, який залежить від тарифу – це підтримка роботи баз даних, тобто динамічних веб-сайтів (див. докладніше на початку статті). При цьому в описі тарифу ви побачите такі абревіатури як PHP, MySQL. Якщо вам потрібен динамічний сайт або статичний сайт із вбудованим форумом (форум може бути лише динамічним, через свою природу) – вибирайте відповідний тарифний план. До речі, послуга хостингу зазвичай передбачає можливість розміщення одразу кількох сайтів.
3. Продумати структуру та дизайн сайту.
Тут діє правило: сім разів відміряй – один відріж, бо переробляти завжди складніше, ніж одразу робити правильно. Краще витратити більше часу цьому етапі, ніж потім витратити його ще більше на переробки. На момент початку технічної реалізації сайту необхідно мати повне уявлення як мінімум пройого структурі - меню, сторінки, внутрішні та зовнішні посилання, підхід до найменувань файлів.
Я не ставив собі за мету осягнути неосяжне і описати тут процес створення сторінок сайту. Це справа техніки, а техніка детально описана в книжках, у тому числі у вищезгаданій книжці по Dreamweaver.
Особисто я зробив дуже прості, з погляду техніки веб-дизайну, сторінки, з використанням таблиць для завдання структури та з мінімальним використанням CSS (Cascading Style Sheets — каскадні таблиці стилів) для їх оформлення. Ніколи не пізно перейти на наступний рівень у веб-дизайні, так я вирішив. CSS не додають цінності сайту такого масштабу, а часу на етапі їх створення забирають у новачка здоровий. Проблему одночасної зміни структури та/або оформлення на всіх сторінках сайту я вирішив через функцію пошуку та заміни (банальні Ctrl+F, які працюють і в Dreamweaver). Все дуже просто: а) виділяємо на «картинці» елемент, який потрібно змінити/замінити/видалити; б) копіюємо у буфер обміну відповідний фрагмент html-коду; новий пункт меню, лічильник на сторінку тощо – все що завгодно), г) через Ctrl+F знаходимо вихідний код на всіх сторінках сайту, д) замінюємо вихідний фрагмент коду на новий одночасно на всіх сторінках, у тому числі й не відкритих зараз, на що у Dreamweaver йдуть лічені секунди. Готово.
Питання з форумом та гостьовою я вирішив просто – створив сторінку на ucoz.ru спеціально для цих цілей та зробив на неї посилання зі свого сайту.
6. Оптимізувати сайт.
Ви робите сайт не тільки для себе коханого, а й для інших. Як ці інші зможуть на нього потрапити? Способи очевидні: А) введення імені сайту вбраузері (що для вашого нового, не розкрученого сайту практично неактуально); Б) перехід за посиланням з іншого сайту; В) перехід з результатів пошуку в пошукових системах, таких як Yandex, Google і т.д. Для того, щоб пошукові машини любили ваш сайт і видавали його якомога вище в результатах пошуку, його доцільно оптимізувати. В Інтернеті можна зустріти абревіатуру SEO (англ. Search Engine Optimization - пошукова оптимізація), це воно і є. Безліч фірм запропонують вам провести оптимізацію вашого сайту за ваші кревні, але це цілком під силу зробити самостійно. Якщо говорити коротко, то буває оптимізація двох видів:
– внутрішня (гармонізація вмісту сайту, а саме: покращення якості та кількості тексту, структури та навігації, оформлення тексту, використання внутрішніх посилань на сайті тощо),
Пропоную до вашої уваги дві непогані статті на цю тему. http://prismo.ru/advertising.php?li_num=4
До речі, щодо сайтів діє дуже просте правило: чим «старіший» сайт, тим краще до нього належать роботи, за інших рівних. Сайт – він як вино.
7. Опублікувати сайт та прискорити його індексацію.
Ну а тепер найбільш хвилюючий момент! Ваш сайт повністю готовий (і, можливо, навіть трохи оптимізований), являючи собою набір папок та файлів, які тепер потрібно викласти на сервер хостинг-провайдера. Для цього використовуються FTP-клієнти (File Transfer Protocol — протокол передачі файлів). Простіше кажучи, це програми, які дозволяють здійснювати обмін файлами між вашим комп'ютером і сервером хостингу з використанням звичного всім віконного інтерфейсу. У Dreamweaver FTP-клієнт вже вбудований. В іншому випадку, таку програму необхідно встановити додатково. На сайті хостинг-провайдера nic.ruнаведено посилання, за якими можна завантажити одну з них.
Кожному з трьох пошукових роботів знадобилося близько тижня, щоб дістатися мого сайту, з них найшвидшим виявився Google. Статус індексації можна переглянути на вказаних вище ресурсах для веб-майстрів. Роботи індексували сторінки сайту частинами, а не всі сторінки одразу. До речі, є простий і надійний спосіб визначити, чи проіндексована ваша сторінка чи ні: копіюєте зі сторінки невеликий фрагмент тексту (досить 8-10 слів) і вставляєте його в лапках (для чистоти експерименту) у пошуковий рядок. Якщо в результатах пошуку ви бачите посилання на свій сайт – значить сторінку проіндексовано.