Веб-сайтты кантип түзүү керек (Этап-этабы менен көрсөтмө): 4 кадам

2024 Автор: John Day | [email protected]. Акыркы өзгөртүү: 2024-01-30 10:40

Бул колдонмодо мен сизге веб -иштеп чыгуучулардын көбү өз сайттарын кантип кураарын жана чоң сайт үчүн чектелген кымбат веб -сайт куруучуларынан кантип сактанууну көрсөтөм.

Мен ошондой эле мен жаңы баштаганда кылган кээ бир каталарымды болтурбоого жардам берем.

1 -кадам: Веб -хостингди алыңыз жана домендик аталышты каттаңыз

WordPressти (же башка веб -сайтты) орнотуу үчүн сизге эки нерсе керек болот:

• Домен аты (YourSiteName.com сыяктуу веб -дарек)
• Веб -хостинг (сайтыңызды интернетке туташтыруучу кызмат)

Сүрөттөрүңүздү, мазмунуңузду жана веб -сайтыңыздын файлдарын сактоо үчүн сизге веб хостинг керек болот. Веб -хостинг болбосо, сиздин веб -сайтыңыз Интернетте көрүнбөйт.

Өзүңүздүн домендик атыңызга ээ болуу сиздин сайтыңызды башка бирөөнүн доменине караганда алда канча профессионалдуу көрүнөт (yourbusiness.my-free-website.com сыяктуу), жана бул өтө жеткиликтүү. Көпчүлүк хостинг провайдерлери домендерди бир жылга бекер сунушташат (адатта ~ $ 15/жыл).

Кыскача айтканда - веб -хостинг жана домен аты жок, сиздин веб -сайтыңыз болбойт.

Домен атын кайда каттайм жана веб хостингди алам?

Толук ачыкка чыгаруу: Эгерде сиз бул колдонмодогу менин шилтеме шилтемелерим аркылуу Bluehostту сатып алсаңыз, мен комиссия алам. Бул мага WebsiteSetupду жаңыртып турууга жардам берет. Сиздин колдоосу үчүн рахмат.

Мен көбүнчө Bluehostту веб хостинг жана акысыз домен каттоочу катары колдоном.

Алардын кириш баасы $ 2.75/айынан башталат жана алар учурда домендик аталышты бекер ыргытып жатышат (биринчи жыл) - андыктан аларды текшерип көрүү керек.

Алар ошондой эле рынокто эң популярдуу хостинг провайдерлеринин бири, андыктан алар веб-сайтыңызды жайгаштыруу үчүн жетишерлик жакшы түзүлгөн жана коопсуз.

Алардын серверлеринин көбү АКШда жайгашканы менен, алар дүйнөнүн булуң -бурчунан көптөгөн трафикти башкара алышат. Жана бул сиздин жергиликтүү хостуңузга караганда арзаныраак.

Европада жашаган адам катары мен дагы аларды колдонууну туура көрөм. Буга чейин домендик атыңыз жана хостингиңиз барбы?

Баргыла жана 2 -кадамга өтүңүз, мен веб -сайтыңызды кантип орнотсоңуз болорун түшүндүрөм.

Төмөндө веб хостинг провайдерине кантип катталууну этап -этабы менен жүктөп алыңыз (жана эгерде ал жок болсо, домендик аталышты каттаңыз):

2 -кадам: Веб -сайтыңызды орнотуңуз

Домен атыңызды сатып алып, хостингиңизди орноткондон кийин, сиз жакшы жолго түштүңүз!

Эми веб -сайтыңызды иштетүү убактысы келди. Эң биринчи сизге WordPressти доменге орнотуу керек.

WordPress орнотуу

WordPressти орнотуунун эки жолу бар, экинчисине караганда бир топ оңой.

1. WordPress (же Joomla жана Drupal) менен вебсайт түзүү үчүн, "бир чыкылдатуу менен орнотууну" колдонуңуз:

Дээрлик ар бир ишенимдүү жана негизделген хостинг компаниясы WordPress үчүн 1 чыкылдатуу менен орнотууну бириктирди, бул бир заматта ишке ашат.

Эгер сиз Bluehost же башка ушул сыяктуу хостинг компаниясы менен катталган болсоңуз, анда каттоо эсебиңиздин башкаруу панелинен "1 чыкылдатуу менен орнотууну" табышыңыз керек.

Бул жерде сиз ээрчишиңиз керек болгон кадамдар (бардык веб хостинг компаниялардын окшош/бирдей болушу керек):

1. Хостинг (Bluehost) эсебиңизге кириңиз.
2. Башкаруу панелине өтүңүз.
3. "WordPress" же "Вебсайт" сөлөкөтүн издеңиз.
4. Жаңы веб -сайтыңызды орноткуңуз келген доменди тандаңыз.
5. "Азыр орнотуу" баскычын чыкылдатыңыз жана сиз жаңы WordPress веб -сайтыңызга кире аласыз.

(Жогорудагы 2 -сүрөттү текшериңиз)

2. ЖЕ КОЛДОН ОРНОТУУ (Bluehost же башка ушу сыяктуу хостту колдонбогондор үчүн):

Эгерде кандайдыр бир кызык себептерден улам (кээ бир хостинг компаниялары WordPress үчүн бир чыкылдатуу менен орнотууну камсыз кылышпаса), сизде WordPressти автоматтык түрдө орнотуу мүмкүнчүлүгү жок болсо, төмөндө бул колдонмо көрсөтмөнү караңыз:

1) WordPressти бул жерден жүктөп алыңыз:

2) Иш тактаңызда жаңы папка түзүңүз жана анда WordPressти ачыңыз

3) wp-config-sample.php аттуу файлды издеп, анын атын: wp-config.php

4) Азыр wp-config.php ачыңыз (мисалы, блокнот менен) жана төмөнкү саптарды толтуруңуз:

• аныктоо ('DB_NAME', 'database_name_here'); - Маалыматтар базасынын аталышы (эгер сиз аны билбесеңиз, муну хостингиңизден сураңыз)
• аныктоо ('DB_USER', 'username_here'); - Сиздин хостингдин колдонуучу аты
• аныктоо ('DB_PASSWORD', 'password_here'); - Сиздин хостинг сырсөзүңүз

Боштуктарды толтургандан кийин, файлды сактаңыз.

5) Эми ftp хостингиңизге кириңиз (бул үчүн FileZilla жүктөп алыңыз). FTP дареги, адатта, ftp.yourdomain.com, колдонуучу аты менен сырсөз сиз кабыл алуучуга катталуу үчүн колдонулган менен бирдей

6) "index" деп аталган файл болсо - аны жок кылыңыз. Андан кийин бардык файлдарды WordPress папкаңыздан FTP серверине жүктөңүз. FileZilla ичинде "drag n drop" функциясын колдоно аласыз деп ишенем

7) Мурунку кадамдарды аткаргандан кийин, URL дарегине өтүңүз: yourdomain.com/wp-admin/install.php Бул сиз көрө турган баракча: (Жогорудагы 3-сүрөттү текшериңиз)

Жөн гана бланктарды толтуруңуз жана сиз даярсыз!

Pssst-эгерде аларда 1 чыкылдатуу менен орнотуу жок болсо, балким сиз жаман хост менен алпурушуп жатасыз!

3 -кадам: Веб -сайтыңызды долбоорлоо

WordPressти доменге ийгиликтүү орноткондон кийин, сиз абдан жөнөкөй, бирок таза сайтты көрөсүз.

Бирок сен башкаларга окшош болгуң келбейт, туурабы?

Ошон үчүн сизге тема керек - WordPress сиздин веб -сайтыңыз кандай болушу керектигин айткан дизайн шаблону. Сиз орното турган акысыз WordPress темасынын мисалын караңыз:

(Жогорудагы 2 -сүрөттү караңыз)

Бул жерде кызыктуу болот: 1500+ укмуштуудай, профессионалдуу түрдө иштелип чыккан темалар бар, аларды өзүңүз тандап, ыңгайлаштыра аласыз.

WordPress темаларынын көпчүлүгү бекер жана өтө ыңгайлаштырылган.

Бул жерде сизге жаккан теманы кантип табуу керек

1. WordPress панелиңизге кириңиз: Эгер кантип билбей жатсаңыз, териңиз: https://yoursite.com/wp-admin ("сиздин сайтыңызды" домениңиз менен алмаштырыңыз). Бул WordPress панели мындай көрүнөт:

(Жогорудагы 3 -сүрөттү караңыз)

2. АКЫСЫЗ темаларга жетүү: Куралдар тактасында болгондон кийин, 1500дөн ашык бекер темаларга кирүү мүмкүнчүлүгүңүз бар! Жөн эле "Көрүнүш" үчүн каптал тилкесин издеп, андан кийин "Темалар" чыкылдатыңыз.

Эгерде сиз бул жерден тапкандан көрө профессионалдуу же саркеч нерсени кааласаңыз, ThemeForest.net сайтына өтсөңүз болот, анда темалардын чоң китепканасы бар жана ар кандай чыгымдарды тандап алат.

Бирок муну жасоодон мурун, мен, чынында эле, жок дегенде бекер темаларды карап чыгууга бир аз убакыт бөлүүнү сунуштайм. Алардын көбү чынында профессионалдуу жана жакшы жасалган; ошондуктан аларды жазба.

Жогоруда көрүнүп тургандай, веб -сайтыңыз үчүн жаңы теманы орнотуу абдан оңой.

Сиз конкреттүү ачкыч сөздөрдү издей аласыз жана/же стилиңизге туура келген темаларды табуу үчүн чыпкаларды колдоно аласыз. Идеалдуу теманы табуу бир аз убакытты алышы мүмкүн, бирок бул татыктуу.

Сиз ошондой эле "жооптуу" темаларды издешиңиз керек, анткени алар каалаган мобилдик түзмөктө жакшы көрүнөт. Жөн гана аны ачкыч сөздөрүңүздүн бири катары киргизиңиз, ошондо баары даяр болот!

3. Жаңы темаңызды орнотуңуз

Сизге жаккан теманы тапкандан кийин, аны орнотуу "Орнотууну", андан кийин "Жандандырууну" чыкылдатуу сыяктуу жөнөкөй.

МААНИЛҮҮ: Темаларды өзгөртүү мурунку постторуңузду, баракчаларыңызды жана мазмунуңузду жок кылбайт. Сиз жараткан нерселериңизди жоготуп алуудан коркпостон, темаларды каалаган убакта өзгөртө аласыз.

4 -кадам: Веб -сайтыңызга мазмун кошуңуз

Темаңыз орнотулганда, сиз мазмун түзүүнү баштоого даярсыз. Келгиле, кээ бир негиздерди тез арада карап көрөлү:

Барактарды кошуу жана түзөтүү:

"Кызматтар" баракчасын же "Мен жөнүндө" баракчасын каалайсызбы (мен сайттын жогору жагында менюда болгондой)?

1. "Барактар" -> "Жаңы кошуу" үчүн WordPress панелиндеги каптал тилкени караңыз.

2. Сиз, балким, Microsoft Wordте көргөн нерсеге окшош экранды таба аласыз. Каалаган баракчаңызды түзүү үчүн текстти, сүрөттөрдү жана башкаларды кошуңуз, анан бүткөндө сактаңыз. (Жогорудагы сүрөттү текшериңиз 1)

Барактарды менюга кошуу: Эгерде сиз жаңы баракчаңыздын навигация тилкесине шилтемеленишин кааласаңыз, 1. "Жаңыртууну" чыкылдатуу менен баракчага киргизилген бардык өзгөртүүлөрдү сактаңыз.

2. WordPress панелинин капталындагы "Көрүнүш" -> "Менюларды" чыкылдатыңыз.

3. Түзгөн баракчаңызды таап, жанындагы белгилөө кутучасын, анан "Менюга кошуу" баскычын чыкылдатып тизмеге кошуңуз.

(Жогорудагы сүрөттү текшериңиз 2)

Билдирүүлөрдү кошуу жана түзөтүү:

Эгерде сиздин веб -сайтыңызда блогуңуз болсо, анда "Посттор" кийинкиге кайрыла турган жериңиз болот. Окшош билдирүүлөрдү топтоо үчүн ар кандай категорияларды колдонсоңуз болот.

Эгерде сиз веб -сайтыңызга блог кошкуңуз келсе, анда сиз ар кандай категорияларды жана билдирүүлөрдү колдоно аласыз. "Блог" аттуу категория түзүүнү каалап жатасыз дейли. Жөн гана аны менюңузга кошуп, постторду жаза баштаңыз.

Бул жерде сиз эмне кылышыңыз керек:

"Билдирүүлөр -> Категориялар" бөлүмүнө өтүп, жаңы категория түзүңүз

ЖЕ

"Билдирүүлөр -> Жаңы кошуу" бөлүмүнө өтүп, блог жазуусун түзүңүз. Блогуңузду жазып бүткөндөн кийин, ага туура категория кошууңуз керек

Категорияңызды түзгөндөн кийин, аны жөн гана менюга кошуңуз, жана сиз бизнес менен алектенесиз!

Ыңгайлаштыруу жана чексиз Tweaks…

Бул бөлүмдө мен веб -сайтыңызды оңдоого жардам бере турган, мен сураган негизги нерселердин бардыгын камтыйм.

Аталышыңызды жана Тегериниңизди өзгөртүү

Барактын аталыштары издөөчүлөргө сиздин вебсайт эмне жөнүндө экенин түшүндүрөт. Алар ошондой эле издөө системалары сиздин рейтингиңизди кантип аныкташынын чоң бөлүгү. Сиз алар үчүн багытталган ачкыч сөздөрдү алганына ишенгиңиз келет (бирок табигый жол менен, чыныгы адамдар үчүн жазылган).

Сиз сайтыңыздын ар бир бетинде уникалдуу аталышты колдонушуңуз керек. Мисалы, менин сайтымдын аталышы "Вебсайтты кантип жасоо керек".

(Таппай жатасызбы? Чычканыңызды веб -браузериңиздин жогору жагындагы өтмөктө кармап туруңуз).

Ар бир баракка аталыштардын аягында Taglines кошулат. Менин сайтымдын аталышы "Кадам менен Колдонмо"

Веб -сайтыңыздын аталышын жана тегин өзгөртүү үчүн, "Орнотуулар -> Жалпыга" өтүп, төмөнкү форманы толтуруңуз: (Жогорудагы Сүрөттү текшериңиз 3)

Постторго жана Барактарга Комментарийлерди Өчүрүү

Кээ бир веб -сайттар (негизинен бизнес/уюм сайттары) өздөрүнүн баракчаларына өздөрүнүн конокторунун комментарий берүүсүн каалашпайт.

Бул жерде WordPress баракчаларында комментарийлерди кантип өчүрүү керек:

• 1. Сиз жаңы баракты жазып жатканда, жогорку оң бурчтагы "Экран параметрлери" дегенди басыңыз.
• 2. "Талкуу" кутучасын басыңыз. Төмөндө "Комментарийлерге уруксат берүү" кутусу пайда болот.
• 3. "Комментарийлерге уруксат берүү" белгисин алып салыңыз.

Демейки боюнча ар бир жаңы баракта комментарийлерди өчүргүңүз келеби?

1. "Орнотуулар -> Талкуу" бөлүмүнө өтүп, "Адамдарга жаңы макалаларга комментарий калтырууга уруксат берүү" деген белгини алып салыңыз (4 -сүрөттү караңыз)

Статикалык алдыңкы бетти орнотуу:

Кээ бирөөлөр мага кайрылышат, алар үй баракчасы блогго окшош экенине нааразы. Сиз муну үй баракчаңызды "статикалык" кылуу менен оңдой аласыз.

Статикалык барак - бул өзгөрбөгөн барак. Блогдон айырмаланып, биринчи жаңы макала ар дайым үстүдө көрүнөт, "статикалык" баракча кимдир бирөө сайтка келген сайын ошол эле мазмунду көрсөтөт - сиз түзгөн үй баракчасы сыяктуу.

Статикалык алдыңкы бетти орнотуу үчүн:

1. "Орнотуулар -> Окууга" өтүңүз 2. Сиз түзгөн статикалык баракты тандаңыз. "Биринчи бет" сиздин үй баракчаңызды билдирет. "Билдирүүлөр бети" - бул блогуңуздун алдыңкы бети (эгер сиздин сайтыңыздын баары блог болбосо).

Эгерде сиз статикалык баракты өз алдынча тандабасаңыз, WordPress сиздин акыркы постторуңузду алып, аларды башкы баракчаңызда көрсөтө баштайт. (5тен жогорудагы сүрөттү текшериңиз)

Каптал тилкесин түзөтүү:

WordPress темаларынын көбүнүн оң жагында каптал тилкеси бар (кээ бир учурларда сол жакта).

Эгерде сиз каптал тилкесинен арылгыңыз келсе же "Категориялар", "Мета" жана "Архивдер" сыяктуу кереги жок нерселерди оңдоону кааласаңыз, анда:

1. WordPress панелиндеги "Көрүнүш -> Виджеттерге" өтүңүз.

2. Бул жерден сиз сүйрөө жана түшүрүү аркылуу каптал тилкеңизге ар кандай "кутучаларды" кошо аласыз, же сиз каалабаган нерселерди алып салсаңыз болот.

Ошондой эле "HTML кутуча" бар - HTML кодун колдоно турган текст кутусу. Жаңы баштагандар үчүн бул жөнүндө кабатыр болбоңуз - каалаган элементтериңизди каптал тилкесине сүйрөп барып таштаңыз.

WordPressтен көбүрөөк алуу үчүн плагиндерди орнотуу

Плагин деген эмне? "Плагиндер"-бул WordPressтин мүмкүнчүлүктөрүн кеңейтүү үчүн курулган кеңейтүүлөр, сиздин сайтыңызга өзгөчөлүктөрдү жана функцияларды кошулган эмес.

Алар нөлдөн баштап өзгөчөлүктөрдү куруунун кажети жок, сиздин сайтыңызды алуу үчүн кыска жолдор.

Сиз плагиндерди колдонуп, фото галереяларды жана тапшыруу формаларын кошуп, веб -сайтыңызды оптималдаштырууга жана онлайн дүкөн түзүүгө чейин колдонсоңуз болот.

Жаңы плагинди кантип орнотом?

Плагиндерди орнотууну баштоо үчүн, "Плагиндер -> Жаңы кошуу" бөлүмүнө өтүп, издөөнү баштаңыз.

25 000ден ашуун ар кандай плагиндер бар экенин унутпаңыз, андыктан сизде тандоо үчүн көп нерсе бар!

Орнотуу оңой - сизге жаккан плагинди тапкандан кийин, "Орнотууну" чыкылдатыңыз.

Убактыңызды үнөмдөө үчүн, мен вебмастерлер пайдалуу деп эсептеген эң популярдуу плагиндердин тизмесин түздүм:

#1 Байланыш формасы 7: Менин веб -сайтымда Мен жөнүндө баракчамда байланыш формасы бар. Бул эң сонун өзгөчөлүк, анткени адамдар (сиз сыяктуу!) Форманы толтуруп, электрондук почта провайдерине кирбестен мага электрондук кат жөнөтө алышат. Эгерде сиз окшош нерсени кылгыңыз келсе, анда бул плагинди алыңыз.

#2 WordPress үчүн Yoast SEO: Эгер сиз WordPress сайтыңызды дагы SEOга ылайыктуу кылгыңыз келсе, бул плагин сөзсүз болушу керек. Бул бекер, жана бул укмуш. Сиз титул тегдериңизди, мета сүрөттөмөлөрүңүздү жана башкаларды, барактын бардыгынан түзөтө аласыз - мындан ары WordPress орнотуулары менен чаташпаңыз.

#3 Google Analytics: Келүүчүлөрүңүздү/трафикти жана алардын жүрүм -турумун көзөмөлдөөгө кызыкдарсызбы? Жөн эле плагинди орнотуңуз, аны Google каттоо эсебиңизге туташтырыңыз жана барууга даярсыз.

Албетте, бул айсбергдин чокусу гана! Бул жерде мен сунуштаган плагиндердин тизмеси:

1. Yoast SEO

2. Акисмет спамга каршы

3. WooCommerce

4. TinyMCE Advanced

5. WordFence коопсуздук

6. Google XML Сайт карталары

7. WP Super Cache

8. ExactMetrics тарабынан WP үчүн Google Analytics тактасы

9. UpdraftPlus WordPress Камдык Плагин

10. Elementor Page Builder

11. Smush Image кысуу жана оптималдаштыруу

Жана тизме улана берет.