{"id":410,"date":"2024-10-16T11:00:00","date_gmt":"2024-10-16T11:00:00","guid":{"rendered":"https:\/\/internship.infoskaters.com\/blog\/2024\/10\/16\/how-to-build-a-website-2-methods-9-easy-steps-35-amazing-tips\/"},"modified":"2024-10-16T11:00:00","modified_gmt":"2024-10-16T11:00:00","slug":"how-to-build-a-website-2-methods-9-easy-steps-35-amazing-tips","status":"publish","type":"post","link":"https:\/\/internship.infoskaters.com\/blog\/2024\/10\/16\/how-to-build-a-website-2-methods-9-easy-steps-35-amazing-tips\/","title":{"rendered":"How to Build a Website: 2 Methods, 9 Easy Steps, &amp; 35 Amazing Tips"},"content":{"rendered":"<p>I can\u2019t remember the last time I discovered a new brand by shopping in person \u2026 I know, it\u2019s mind-boggling.<\/p>\n<p>While I do enjoy a Saturday shopping spree with friends, nothing beats the convenience of browsing a company\u2019s website for the same (and many more!) items.<\/p>\n<p>I also never make a purchase without first reading reviews \u2014 and <a href=\"https:\/\/www.powerreviews.com\/power-of-reviews-2023\/\">91% of U.S. online shoppers<\/a> surveyed in 2023 agree, saying they always or regularly read reviews \u2014 which are much easier to find on a company\u2019s website.<\/p>\n<p><a class=\"cta_button\" href=\"https:\/\/www.hubspot.com\/cs\/ci\/?pg=dc6cf2dd-471f-4325-8bd0-a1be1f547646&amp;pid=53&amp;ecid=&amp;hseid=&amp;hsic=\"><\/a><\/p>\n<p>While in-store shopping is still the overall most popular form of shopping (<a href=\"https:\/\/offers.hubspot.com\/consumer-trends\">64% of surveyed consumers<\/a> prefer shopping in-store), shopping through an online retailer like Amazon (50%) and a company\u2019s website (30%) are the second and third most preferred methods of shopping.<\/p>\n<p>Having an updated, user-friendly website is a key aspect of any business if you want to continue to attract sales.<\/p>\n<p>Whether you\u2019re starting a new business venture, developing a personal brand, or updating an outdated website, there\u2019s no need to build web pages from scratch, which can be complicated and expensive.<\/p>\n<p>I\u2019ve shared some tips below on how to make a website using a website builder or CMS.<\/p>\n<p><strong>Table of Contents<\/strong><\/p>\n<p>  <a href=\"https:\/\/blog.hubspot.com\/marketing#how-to-build-a-website\">How to Build a Website<\/a><br \/>\n  <a href=\"https:\/\/blog.hubspot.com\/marketing#the-easiest-way-to-make-a-website\">The Easiest Way to Make a Website<\/a><br \/>\n  <a href=\"https:\/\/blog.hubspot.com\/marketing#how-to-build-a-website-with-a-website-builder\">How to Build a Website With a Website Builder<\/a><br \/>\n  <a href=\"https:\/\/blog.hubspot.com\/marketing#how-to-build-a-website-with-a-cms\">How to Build a Website With a CMS<\/a><br \/>\n  <a href=\"https:\/\/blog.hubspot.com\/marketing#how-to-build-a-website-with-hubspot\">How to Build a Website With HubSpot<\/a><br \/>\n  <a href=\"https:\/\/blog.hubspot.com\/marketing#how-to-make-a-website-6-faqs\">How to Make a Website: 6 FAQs<\/a><br \/>\n  <a href=\"https:\/\/blog.hubspot.com\/marketing#build-your-website-36-tips\">Build Your Website: 36 Tips<\/a> <\/p>\n<p><a><\/a> <\/p>\n<h2><strong>The Easiest Way to Make a Website<\/strong><\/h2>\n<p>Use the following comprehensive, step-by-step guide to create a website without the need for a coder, web designer, or big budget.<\/p>\n<p><a><\/a> <\/p>\n<p>In general, carry out these steps before launching the site. But first, choose a platform.<\/p>\n<h3><strong>Start building your website by choosing a platform.<\/strong><\/h3>\n<p>The first thing you\u2019ll need to decide is whether you want to create a website using a website builder or a CMS.<\/p>\n<p>Let\u2019s take a look at the definitions of each below.<\/p>\n<p><strong>Website Builder<\/strong><\/p>\n<p><strong>Content Management System (CMS)<\/strong><\/p>\n<p>A website builder is a solution that offers domain names, SSL certificates, and templates in one package, typically at a monthly or yearly subscription fee.<\/p>\n<p>A content management system is a platform where you place your website\u2019s content and media files. Domain names, SSL certificates, and hosting are typically purchased separately.<\/p>\n<p>Both website builders and CMS platforms provide the out-of-the-box features, pre-designed templates, and extensions required to create a custom site without coding but offer different experiences for creating and managing a website.<\/p>\n<h4><strong>Website Builders vs. Content Management Systems<\/strong><\/h4>\n<p><strong>Website Builders<\/strong><\/p>\n<p><strong>CMS Platforms<\/strong><\/p>\n<p>     Domain registration, hosting, and SSL certificate included.<br \/>\n     In-house templates and themes included (typically less variety).<br \/>\n     Monthly subscription with free trials available.<br \/>\n     Limited customization.<br \/>\n     Less powerful in functionalities and features.<br \/>\n     A great option for beginners. <\/p>\n<p>     Domain registration, hosting, and SSL certificate must be purchased separately.<br \/>\n     In-house and third-party templates and themes available (typically more variety).<br \/>\n     Free CMS platforms available.<br \/>\n     Highly customizable down to the website code.<br \/>\n     More powerful in functionalities and features.<br \/>\n     Great option for sites with growth potential. <\/p>\n<p>Here are some examples of website builders and CMS platforms you could use.<\/p>\n<p><strong>Website Builder Examples<\/strong><\/p>\n<p><strong>CMS Examples<\/strong><\/p>\n<p>     HubSpot<br \/>\n     Wix<br \/>\n     WordPress.com<br \/>\n     Squarespace<br \/>\n     Weebly<br \/>\n     Site123<br \/>\n     GoDaddy<br \/>\n     Webflow <\/p>\n<p>     Content Hub<br \/>\n     WordPress.org<br \/>\n     Adobe Experience Manager<br \/>\n     Magento<br \/>\n     Joomla<br \/>\n     Drupal<br \/>\n     Sitecore <\/p>\n<p><a><\/a> <\/p>\n<h2><strong>How to Build a Website With a Website Builder<\/strong><\/h2>\n<p>A website builder is the easiest way to make a website if you\u2019re a beginner.<\/p>\n<p>I myself have used <a href=\"https:\/\/blog.hubspot.com\/marketing\/free-website-builders\">free website builders<\/a> such as Wix and WordPress.com in college when writing for campus blogs and magazines, and I felt the interfaces were always straightforward for newcomers to learn.<\/p>\n<p>Follow the below steps to create a site using a website builder.<\/p>\n<h3><strong>1. Choose a website builder.<\/strong><\/h3>\n<p>First up, choose a website builder that fits your needs and budget. Consider the following:<\/p>\n<p><strong>Cost<\/strong>: Your budget will be, by far, the most important factor when choosing a website builder. Most require a paid subscription to include premium features such as domain names and increased storage. <\/p>\n<p><strong>Features<\/strong>: Website builders typically offer different features depending on their target market. Shopify, for example, is specifically designed for ecommerce websites, while WordPress.com is primarily known for blogging. <\/p>\n<p><strong>Extensions<\/strong>: Check out the extensions and add-ons library for each website builder you\u2019re considering. If they don\u2019t offer something required for your site, skip that builder. <\/p>\n<p><strong>Themes and Templates<\/strong>: Some website builders provide more themes and templates, while others have less variety but more well-designed choices. Check out the template library to see how the site may look when completed. <\/p>\n<p><strong>Ease-of-use<\/strong>: All website builders are designed to be easy to use, but some are more intuitive than others. <\/p>\n<p><strong>Support<\/strong>: Is the website builder\u2019s support team known for its responsiveness? Research beforehand to ensure a premium subscription will also provide premium support. <\/p>\n<p>No matter what, always start with a free trial. I enjoy using free plans or trials to create a generic \u201ctest\u201d website. This may not end up being your official business web page, but it\u2019s a great way to test out some of the website builder\u2019s features before committing.<\/p>\n<p>I recommend checking out <a href=\"https:\/\/www.hubspot.com\/products\/cms\/drag-and-drop-website-builder?hubs_post-cta%3Dbody\">HubSpot&#8217;s Website Builder<\/a> for free.<\/p>\n<p><a href=\"https:\/\/www.hubspot.com\/products\/cms\/drag-and-drop-website-builder?hubs_post-cta=image\"><\/a><\/p>\n<p>While most website builders come with a free subscription tier, they typically won\u2019t offer a free domain name or the advanced features needed to produce a strong, consumer-facing website. I recommend opting for a paid subscription once you have decided which platform you prefer.<\/p>\n<p><strong>Website Builder<\/strong><\/p>\n<p><strong>Plans<\/strong><\/p>\n<p><strong>Good Fit For:<\/strong><\/p>\n<p>WordPress.com<\/p>\n<p><a href=\"https:\/\/wordpress.com\/pricing\/\">$4 to $45\/month<\/a><\/p>\n<p>Blogs<\/p>\n<p>Wix<\/p>\n<p><a href=\"https:\/\/www.wix.com\/upgrade\/website\">$17 to $159\/month<\/a><\/p>\n<p>General Websites<\/p>\n<p>Weebly<\/p>\n<p><a href=\"https:\/\/www.weebly.com\/pricing\">Free to $26\/month<\/a><\/p>\n<p>General Websites<\/p>\n<p>Shopify<\/p>\n<p><a href=\"https:\/\/www.shopify.com\/pricing\">$29 to $2,300\/month<\/a><\/p>\n<p>Ecommerce Stores<\/p>\n<p>Squarespace<\/p>\n<p><a href=\"https:\/\/www.squarespace.com\/pricing\">$16 to $52\/month<\/a><\/p>\n<p>Creative Websites<\/p>\n<p>HubSpot<\/p>\n<p><a href=\"https:\/\/www.hubspot.com\/products\/cms-free\">Free to $1,500\/month<\/a><\/p>\n<p>General Websites<\/p>\n<h3><strong>2. Sign up for a subscription plan that meets your budget and needs.<\/strong><\/h3>\n<p>A free plan is a good way to build your business while navigating a new platform. But as you grow, I suggest upgrading to a subscription, as free plans typically don\u2019t include enough features to scale and maintain a professional website.<\/p>\n<p>Before upgrading, look at the features included in each tier to choose the best subscription.<\/p>\n<p>Consider the following questions before choosing a subscription plan:<\/p>\n<p> How much storage will you need?<br \/>\n Do you want ads to be removed from your site?<br \/>\n Will you be setting up an online store?<br \/>\n Will you want a professional email with your domain name?<br \/>\n Will you want to customize the site using CSS and HTML?<br \/>\n How much support do you expect you\u2019ll need? <\/p>\n<p>Most website builders have a pricing page that lays out the differences between plans in an easy-to-scan list. Consider starting with the simplest subscription and upgrading if and when you require more features and functionalities.<\/p>\n<h3><strong>3. Choose a short and catchy domain name.<\/strong><\/h3>\n<p>Some of the <a href=\"https:\/\/www.elegantthemes.com\/blog\/marketing\/best-website-builders\">best website builders<\/a> offer a free subdomain for your site, but upgrading to a paid subscription will get you a custom domain.<\/p>\n<p>A custom domain name is one of the easiest ways to appear more professional and legitimate as a company. Imagine if, as a freelance writer, I was trying to share my portfolio website with potential employers. Which domain sounds more professional: swethaamaresan.weebly.com or swethaamaresan.com?<\/p>\n<p>The good news is that after you upgrade, your premium website builder subscription will include a domain name for free, at least for the first year. You\u2019ll be able to choose it as you\u2019re setting up the site, or do it later.<\/p>\n\n<p>It can be difficult to come up with <a href=\"https:\/\/blog.hubspot.com\/website\/website-name-ideas\">website name ideas<\/a>, so consider short, descriptive, and unique options. Use website name generators like <a href=\"https:\/\/10web.io\/ai-business-name-generator\/\">10Web AI Business Name Generator<\/a> to yield ideas, or check if original domain ideas are available by using a service such as <a href=\"https:\/\/www.godaddy.com\/domains\/domain-name-search\">GoDaddy<\/a>.<\/p>\n<h3><strong>4. Pick a premade website template.<\/strong><\/h3>\n<p>During the setup process, the website builder will take you to a template library, where you can choose a premade layout to set up your site. Most website builders will suggest a different template depending on the type of business or brand you run. For instance, you can choose a template that\u2019s specifically made for:<\/p>\n<p> Freelancers<br \/>\n Bloggers<br \/>\n Local businesses<br \/>\n Creatives<br \/>\n Resume websites <\/p>\n<p>Every template should have essential features such as a built-in responsive setting and drag-and-drop page editor. The website builder should also allow demo data import, so you only have to replace the images and text and not tinker with anything else during the setup process.<\/p>\n<h3><strong>5. Customize the template.<\/strong><\/h3>\n<p>The issue with a template is that someone may have already used the same one. My advice is to use a premade template to save some time, but customize it to your liking.<\/p>\n<p>On most platforms, you can change the color palette, replace images, insert social media icons, add personalized forms and menus, and change the size, colors, and fonts of buttons.<\/p>\n<p>For beautiful templates that are easy to customize, check out some of the best <a href=\"https:\/\/blog.hubspot.com\/website\/cms-hub-themes\">free Content Hub themes<\/a>.<\/p>\n<h3><strong>6. Add pages to the site.<\/strong><\/h3>\n<p>Next, it\u2019s time to add pages to your site. You\u2019ll need to create, at a minimum:<\/p>\n<p> A home page.<br \/>\n An about page.<br \/>\n A contact us page.<br \/>\n A services page, if you\u2019re offering any.<br \/>\n A product page, if you\u2019re selling any.<br \/>\n A blog page, if you have in-house or freelance writers. <\/p>\n<p>You\u2019ll also want to create specific service pages. For instance, if I were selling \u201cDigital Marketing Services,\u201d I would create pages titled \u201cSocial Media Marketing Packages\u201d and \u201cSearch Engine Marketing Services\u201d under the digital marketing services umbrella.<\/p>\n<p>Titles show up in search results, so it\u2019s important to put the topic of each page, or target <a href=\"https:\/\/blog.hubspot.com\/marketing\/how-to-do-keyword-research-ht\">keywords<\/a>, into the title of each page and subpage to optimize for search.<\/p>\n\n<h3><strong>7. Write optimized content.<\/strong><\/h3>\n<p>The arguably most important step (and my personal favorite!) is writing <a href=\"https:\/\/blog.hubspot.com\/marketing\/content-creation\">optimized content<\/a> to put on all of the pages you\u2019ve created. Get content inspiration from competitors or use an AI tool like <a href=\"https:\/\/www.jasper.ai\/\">Jasper.ai<\/a> or <a href=\"https:\/\/www.hubspot.com\/products\/cms\/ai-content-writer\">HubSpot\u2019s AI Content Writer<\/a> to help you come up with ideas, create an outline, or optimize existing content.<\/p>\n\n<p>Aim for <a href=\"https:\/\/www.bluecompass.com\/blog\/average-word-count-for-a-web-page\">at least 600 words per page<\/a> to provide <a href=\"https:\/\/blog.hubspot.com\/marketing\/professional-content-mistakes\">quality content<\/a> to visitors. Write the text in an editor such as <a href=\"https:\/\/docs.google.com\/\">Google Docs<\/a> and use a grammar checker like <a href=\"https:\/\/app.grammarly.com\/\">Grammarly<\/a> to ensure the copy is error-free.<\/p>\n<p>Lastly, compress images before uploading with a tool such as Toolur or TinyJPG. These steps will ensure your content helps you rank on Google and other <a href=\"https:\/\/blog.hubspot.com\/marketing\/top-search-engines\">search engines<\/a>.<\/p>\n<h3><strong>8. Fill in general settings.<\/strong><\/h3>\n<p>Before pushing your site live, fill in the general settings. This is the same list you would run through if you were setting up your site on a CMS platform.<\/p>\n<p>Here\u2019s what you\u2019ll want to adjust:<\/p>\n<p> <a href=\"https:\/\/blog.hubspot.com\/blog\/tabid\/6307\/bid\/5984\/spilling-seo-juice-3-dos-and-don-ts-for-writing-great-page-titles.aspx\">Page titles<\/a><br \/>\n <a href=\"https:\/\/blog.hubspot.com\/marketing\/header-tags\">Headings<\/a><br \/>\n <a href=\"https:\/\/blog.hubspot.com\/marketing\/how-to-write-a-meta-description\">Meta descriptions<\/a><br \/>\n <a href=\"https:\/\/blog.hubspot.com\/marketing\/image-alt-text\">Image alt-text<\/a><br \/>\n <a href=\"https:\/\/blog.hubspot.com\/marketing\/structured-data\">Structured markup<\/a><br \/>\n <a href=\"https:\/\/blog.hubspot.com\/marketing\/how-to-optimize-urls-for-search\">Page URLs (or slugs)<\/a><br \/>\n <a href=\"https:\/\/blog.hubspot.com\/marketing\/internal-linking-tools\">Internal linking<\/a><br \/>\n <a href=\"https:\/\/blog.hubspot.com\/marketing\/responsive-web-design\">Mobile responsiveness<\/a><br \/>\n <a href=\"https:\/\/blog.hubspot.com\/website\/how-to-test-website-speed\">Site speed<\/a> <\/p>\n<p>Include a site title and tagline in the \u201cSettings\u201d of the website builder. Check out the URLs \u2014 are those optimized for search? Any website builder should make it easy to optimize these elements on every post and page.<\/p>\n<p>With HubSpot, for example, I can add image alt-text, meta descriptions, headings, and custom URLs right in the CMS.<\/p>\n<h3><strong>9. Install extensions and apps.<\/strong><\/h3>\n<p>Last but not least, install add-ons from the website builder\u2019s library of extensions and add-ons to increase your website\u2019s functionality. For instance, in the <a href=\"https:\/\/ecosystem.hubspot.com\/marketplace\/apps\/featured\">HubSpot App Marketplace<\/a>, I can filter for, browse, and add a number of different CMS apps and integrations.<\/p>\n<p>Once all the pages, content, and plugins are in place, it\u2019s time to push your site live. After that, simply watch your organic traffic grow.<\/p>\n<p>And remember: If a website builder doesn\u2019t work for you, you\u2019ll always be able to switch over to a CMS. Speaking of CMS, let&#8217;s review the steps involved in creating a website with a CMS.<\/p>\n<p><a><\/a> <\/p>\n<h2><strong>How to Build a Website With a CMS<\/strong><\/h2>\n<p>Creating a website with a CMS is a little different than setting up a site with a website builder \u2014 mainly because you\u2019ll have to buy a domain name and web hosting on your own. But the process is just as simple, and the powerful customization options make the extra steps worth it.<\/p>\n<p>Here\u2019s some advice from HubSpot\u2019s Content Hub Senior Product Marketing Manager, <a href=\"https:\/\/www.linkedin.com\/in\/alexgirard19\/\">Alex Girard<\/a>, \u201cWhen building a website, you want to make sure your content helps your customers achieve their goal with your business.\u201d<\/p>\n<p>For example:<\/p>\n<p> If you sell professional services, can customers learn more about the services you offer and easily get in touch with your team if they have specific questions?<br \/>\n If you\u2019re an ecommerce business, how easy is it for your customers to purchase something right off your website? <\/p>\n<p>\u201cInterview your customers about their experience on your website, and don\u2019t be afraid to run experiments on your copy or on other elements of your website,\u201d Girard says. \u201cConstantly iterating on the experience you provide your customers will help you perfect your website over time.&#8221;<\/p>\n<p>Below, I cover making a website using a CMS from start to finish.<\/p>\n<h3><strong>1. Choose a CMS.<\/strong><\/h3>\n<p>The <a href=\"https:\/\/blog.hubspot.com\/website\/best-cms-systems\">best CMS system<\/a> will align with your business\u2019s needs and goals.<\/p>\n<p>Let\u2019s talk about some of the features you\u2019d get from using HubSpot Content Hub to give you an idea of some of the benefits of using content management software.<\/p>\n<h4>\n<strong>Example of CMS Software:<\/strong> <strong><a href=\"https:\/\/www.hubspot.com\/products\/cms\">HubSpot CMS<\/a><\/strong><br \/>\n<\/h4>\n<h5><strong>Price: Free to get started, then $25 per month<\/strong><\/h5>\n<p><a href=\"https:\/\/www.hubspot.com\/products\/cms\">HubSpot Content Hub<\/a> is a web content management system that&#8217;s built on HubSpot\u2019s all-in-one CRM Platform. As a result, your team will have the tools necessary to offer a delightful and modern digital experience.<\/p>\n<p><strong>Pro tip: <\/strong>Get <a href=\"https:\/\/www.hubspot.com\/products\/cms?_ga%3D2.179652717.852313196.1625178257-411333138.1625178257\">HubSpot Content Hub<\/a>, the content platform for marketers, developers, and IT teams that&#8217;s built on your all-in-one CRM platform.<\/p>\n<p>Below, I broke down some of the most popular website builders to choose from, including Content Hub.<\/p>\n<p><strong>CMS<\/strong><\/p>\n<p><strong>Plans<\/strong><\/p>\n<p><strong>Good Fit For<\/strong><\/p>\n<p>Content Hub<\/p>\n<p><a href=\"https:\/\/www.hubspot.com\/pricing\/cms\">Free<\/a><\/p>\n<p>Scaling Businesses<\/p>\n<p>WordPress.org<\/p>\n<p>Free<\/p>\n<p>General Websites<\/p>\n<p>Adobe Experience Manager<\/p>\n<p><a href=\"https:\/\/business.adobe.com\/request-consultation\/experience-cloud.html\">Custom Pricing<\/a><\/p>\n<p>Enterprise Businesses<\/p>\n<p>Joomla<\/p>\n<p>Free<\/p>\n<p>General Websites (Recommended for Advanced Users)<\/p>\n<p>Drupal<\/p>\n<p>Free<\/p>\n<p>General Websites (Recommended for Advanced Users)<\/p>\n<p>It\u2019s worth noting that while WordPress.org, Joomla, and Drupal are free, <strong>you\u2019ll have to pay for domain names, SSL certificates, hosting, and premium themes and templates<\/strong>, adding to your set-up costs. You might also need the <strong>help of a developer<\/strong> if you opt for Joomla and Drupal.<\/p>\n<p>It\u2019s helpful to narrow down the many CMS options by considering the following questions:<\/p>\n<p> Do you need custom code capabilities?<br \/>\n Do you need the CMS to support multiple languages?<br \/>\n Would you prefer a proprietary CMS to help share the responsibility of protecting and maintaining your site, or would you prefer an open-source CMS?<br \/>\n Do you have a preference on templates and add-ons? <\/p>\n<h3><strong>2. Select a hosting plan.<\/strong><\/h3>\n<p><a href=\"https:\/\/blog.hubspot.com\/website\/web-hosting\">Web hosting<\/a> is a service that enables individuals or businesses to run a website on the internet. The service provider, known as a web host, will store your website files on a secure server that it keeps up and running, then deliver and display that web content to visitors who type your URL in their browser.<\/p>\n<p>Website builders include hosting in their packages, but many content management systems don\u2019t work this way. However, <a href=\"https:\/\/www.hubspot.com\/products\/cms\/web-hosting\">HubSpot\u2019s CMS software offers website hosting<\/a> for free and doesn\u2019t charge extra for usage.<\/p>\n<p>With other CMS software, you&#8217;ll have to find your own hosting provider. There are hundreds of web hosts on the market offering different types of hosting, including <a href=\"https:\/\/blog.hubspot.com\/website\/shared-hosting-vps-cloud-hosting\">shared hosting, VPS, and dedicated hosting<\/a>.<\/p>\n<p>Let\u2019s briefly look at the differences below:<\/p>\n<p><strong>Shared hosting<\/strong>. In shared hosting, your website shares the same server and resources with other websites. It\u2019s the most popular type of hosting, particularly among new site owners, because it&#8217;s the cheapest option. <\/p>\n<p><strong>VPS hosting.<\/strong> If you go for a Virtual Private Server hosting solution, your site will sit on the same server as other websites; however, it will isolate server resources for your site specifically. That means your site will be able to handle higher volumes of regular traffic. It\u2019s a pricier alternative to shared hosting. <\/p>\n<p><strong>Dedicated server.<\/strong> With a dedicated server, your site will sit on a server whose resources and space are reserved for your site only. If you&#8217;d rather not share a server with any other website, you can upgrade to dedicated server hosting. <\/p>\n<p>Once you&#8217;ve decided what hosting you need, pick a provider. <a href=\"https:\/\/www.dreamhost.com\/hosting\/\">DreamHost<\/a>, <a href=\"https:\/\/www.hostgator.com\/\">HostGator<\/a>, and <a href=\"https:\/\/www.bluehost.com\/hosting\/shared\">Bluehost<\/a> are among the most popular third-party providers and offer free domain registration for the first year.<\/p>\n<p>After this step, you can essentially follow the same steps listed for using a website builder.<\/p>\n<p> Ideate a domain name, check for its availability, purchase it, and connect it to your hosting account.<br \/>\n Consider your website\u2019s theme either by using premade templates within the CMS or building your own.<br \/>\n If using a template, personalize it to better align with your brand identity.<br \/>\n Add pages to cover all necessary sections.<br \/>\n Draft content to fill up the pages.<br \/>\n Fill in general settings to optimize for search.<br \/>\n Install any desired extensions and add-ons. <\/p>\n<p><a><\/a> <\/p>\n<h2><strong>How to Build a Website With HubSpot<\/strong><\/h2>\n<p>Now, I will walk you through how to make a website with <a href=\"https:\/\/www.hubspot.com\/products\/cms\">Content Hub<\/a>. If you\u2019re already using <a href=\"https:\/\/www.hubspot.com\/products\/get-started\">HubSpot\u2019s CRM platform<\/a>, it makes sense to develop a website within HubSpot to integrate all your sales and marketing needs in one place.<\/p>\n<p>Content Hub offers a variety of plugins and extensions, themed templates, and sophisticated tools for SEO analysis.<\/p>\n<p>Using Content Hub is easy and intuitive. Don\u2019t forget to get a domain name and hosting before starting to build your site.<\/p>\n<p>Here\u2019s how.<\/p>\n<h3><strong>1. Create a homepage.<\/strong><\/h3>\n<p>Within your HubSpot portal, click <strong>Marketing<\/strong> on the dashboard at the top of your screen. Navigate down to <strong>Website<\/strong>, then click <strong>Website Pages<\/strong>.<\/p>\n\n<p>After that, click the orange <strong>Create<\/strong> button and choose <strong>Website Page <\/strong>from the drop-down.<\/p>\n\n<h3><strong>2. Select a theme.<\/strong><\/h3>\n<p>Now, you\u2019ll be taken to this <strong>Choose a theme<\/strong> page. Scroll through your options, search page templates, or check out the Marketplace. When you\u2019ve found a template you like, select it.<\/p>\n\n<h3><strong>3. Edit the modules.<\/strong><\/h3>\n<p>This is your web page. Scroll over text boxes, images, or other modules to edit them. In the below picture, I scrolled over the \u201cPractice Yoga\u201d Banner Text, and when I click it, it allows me to edit that text.<\/p>\n\n<p>Alternatively, click the <strong>Contents<\/strong> tool on the left side of the screen and edit from there. For instance, I selected one <strong>Rich Text<\/strong> option, which directed me to the \u201cVinyasa\u201d paragraph on the page.<\/p>\n\n<p>Then, add text, images, sections, forms, and more in the expanded view.<\/p>\n<h3><strong>4. Create other pages on your website.<\/strong><\/h3>\n<p>When you\u2019re happy with your homepage, return to the dashboard and click <strong>Marketing<\/strong> in the top bar, and then <strong>Website Pages<\/strong> again.<\/p>\n\n<p>Here, you\u2019ll click the orange <strong>Create<\/strong> button and name your page, just like your homepage. Then, you\u2019ll be taken through a similar process of choosing a template and adding content.<\/p>\n<p>If you want a more in-depth tutorial, check out <a href=\"https:\/\/knowledge.hubspot.com\/website-pages\/create-and-customize-pages\">a quick tour of building web pages<\/a>.<\/p>\n<h3><strong>5. Incorporate social media accounts.<\/strong><\/h3>\n<p>I highly recommend connecting your social media accounts to your website. Since <a href=\"https:\/\/blog.hubspot.com\/marketing\/state-of-consumer-trends-report\">one in four people<\/a> prefer searching for brands by using social media, it\u2019s helpful if your websites and social media accounts backlink to each other.<\/p>\n<p>To do this, go to <strong>Marketing<\/strong> &gt; <strong>Social<\/strong> on your dashboard. Monitor all social media accounts and publish X posts, Facebook statuses and comments, Instagram posts, and other content straight from your HubSpot dashboard.<\/p>\n\n<h3><strong>6. View analytics.<\/strong><\/h3>\n<p>To view your site analytics, go to <strong>Reports<\/strong> &gt; <strong>Analytics Tools<\/strong>. You\u2019ll need to install the tracking code, which is easy to do within the HubSpot platform by clicking the orange <strong>Install the tracking code<\/strong> button.<\/p>\n<p>If you\u2019re still unsure, check out <a href=\"https:\/\/knowledge.hubspot.com\/reports\/install-the-hubspot-tracking-code\">how to install the HubSpot tracking code<\/a>.<\/p>\n\n<h3><strong>7. Add a blog to your site.<\/strong><\/h3>\n<p>If you want to write blog posts, which I highly recommend as a way to provide direct value to consumers while optimizing for search, go to <strong>Marketing<\/strong> &gt; <strong>Website<\/strong> &gt; <strong>Blog<\/strong> on your dashboard to create, publish, and monitor your website\u2019s blog posts.<\/p>\n\n<h3><strong>8. Install add-ons.<\/strong><\/h3>\n<p>Lastly, it\u2019s time to install an app from the <a href=\"https:\/\/ecosystem.hubspot.com\/marketplace\/apps\">HubSpot App Marketplace<\/a> to extend the functionality of your website. Here\u2019s how:<\/p>\n<p> In your HubSpot account, click the <strong>Marketplace<\/strong> icon in the main navigation bar.<br \/>\n Under <strong>Manage<\/strong>, select <strong>Connected apps<\/strong>.<br \/>\n Click <strong>Visit App Marketplace<\/strong>.<br \/>\n Use the filters in the left sidebar to browse for an app. <\/p>\n<p> Click on an app to see more information.<br \/>\n On the right, you can review the details of the app. Under <strong>Requirements<\/strong>, check whether or not the app is compatible with your HubSpot subscription, and see if there are any app-side subscription requirements. <\/p>\n<p> When you&#8217;re ready, click the <strong>Install app<\/strong> button in the top right corner of the screen. <\/p>\n<p>Once you\u2019ve completed these steps, click <strong>Publish<\/strong> and your site will be ready for use!<\/p>\n<p>This is a broad and general overview to get you started building a website with Content Hub. However, there are plenty of more in-depth features and tools I suggest exploring with a HubSpot specialist or by checking out <a href=\"https:\/\/help.hubspot.com\/\">HubSpot\u2019s Help Center<\/a>.<\/p>\n<p>Once you\u2019ve double and triple-checked your work and feel prepared for the website launch, check out our <a href=\"https:\/\/blog.hubspot.com\/marketing\/website-launch-checklist\">website launch checklist<\/a> for a final, detailed list of steps to run through before actually publishing.<\/p>\n<p><a><\/a> <\/p>\n<h2><strong>How to Make a Website: 6 FAQs<\/strong><\/h2>\n<h3><strong>1. How much does it cost to build a website?<\/strong><\/h3>\n<p>The <a href=\"https:\/\/blog.hubspot.com\/website\/how-much-website-cost\">cost of building a small business website<\/a> can range from $500 to $2,500, but the price can be higher if you\u2019re working with a developer.<\/p>\n<p>You should also take into account recurring costs such as hosting, domain name registration, website migration, and SSL certification.<\/p>\n<h3>\n<strong>2. <\/strong><strong>How hard is it to build a website?<\/strong><br \/>\n<\/h3>\n<p>Creating a website isn\u2019t hard if you use a website builder that packages everything for you. In general, you won\u2019t need to touch a single line of code.<\/p>\n<h3><strong>3. How do I create a website for free?<\/strong><\/h3>\n<p>You can create a website for free by signing up for a free subscription on a website builder platform such as HubSpot, Wix, or Weebly.<\/p>\n<p>However, you will have a branded subdomain from the provider (e.g., <em>yourname.weebly.com<\/em>), branding on the website, and limitations in design, features, and functionalities. Therefore, I recommend upgrading to a paid subscription once you get started and are ready to scale.<\/p>\n<h3><strong>4. How do I build a website from scratch?<\/strong><\/h3>\n<p>You can <a href=\"https:\/\/blog.hubspot.com\/website\/how-to-code-a-website\">build a website from scratch<\/a> using HTML, CSS, JavaScript, and sometimes PHP. Combine these files and upload them to your web host\u2019s file manager. (You\u2019ll still need to purchase a hosting service and register a domain.)<\/p>\n<h3><strong>5. How much does it cost to hire someone to build a website?<\/strong><\/h3>\n<p><a href=\"https:\/\/blog.hubspot.com\/marketing\/how-to-hire-a-freelance-developer\">Freelance web designers<\/a> have an <a href=\"https:\/\/www.manypixels.co\/blog\/web-design\/website-design-cost\">average rate of $25\/hour<\/a>. On average, a simple website can cost a couple thousand dollars, a corporate website with multiple pages can cost $3,000-5,000, and a premium, custom website design will cost $10,000 at minimum.<\/p>\n<h3>\n<strong>6. <\/strong><strong>How long does it take to build a website?<\/strong><br \/>\n<\/h3>\n<p>It depends on how complex it is. <a href=\"https:\/\/blog.hubspot.com\/website\/how-long-to-build-website%23diy-website-development\">Building your own website<\/a> can take a matter of weeks, whereas hiring a website developer can result in a five- to six-month project.<\/p>\n<p><a><\/a> <\/p>\n<h2><strong>Build Your Website: 36 Tips<\/strong><\/h2>\n<p>Ready to put your new skills to the test? Take a look at some tips you can use to guide the creation of your site.<\/p>\n<p><strong>Choose a one-page design<\/strong> if you want to launch your site more quickly. <\/p>\n<p><strong>Include a high-contrast button<\/strong> on the top right of your navigation bar telling visitors to contact you. <\/p>\n<p><strong>Use<\/strong> <a href=\"https:\/\/www.lipsum.com\/\">Lorem Ipsum<\/a><strong> text<\/strong> to preview what the written content will look like as you adjust the layout. That way, you don\u2019t have to write all the content upfront. <\/p>\n<p><strong>Buy an <\/strong><strong><a href=\"https:\/\/blog.hubspot.com\/marketing\/what-is-ssl\">SSL certificate<\/a><\/strong> if your CMS doesn\u2019t include one already. <\/p>\n<p><strong>Make good use of white space<\/strong> to keep the site as simple and easy-to-read as possible. <\/p>\n<p><strong>Set your domain and hosting subscriptions on auto-renew<\/strong> to avoid service interruption. <\/p>\n<p><strong>Create Terms of Use <\/strong>and<strong> Privacy Policy documents<\/strong> if your site gathers user data. <\/p>\n<p><strong>Double-check that your website is responsive<\/strong> by accessing it from your mobile device. Most CMS systems and website builders will automatically make your site responsive, but you always want to double-check. <\/p>\n<p><strong>Resize your browser window<\/strong> to test what the elements look like at different browser sizes. <\/p>\n<p><strong>Access your site from different browsers<\/strong> (Safari, Chrome, Opera, Microsoft Edge) to see how the elements render depending on the browser. <\/p>\n<p><strong>Access your site from various devices<\/strong>, including smartphones, tablets, laptops, and monitors, to ensure a consistent appearance. <\/p>\n<p><strong>Learn basic<\/strong> <a href=\"https:\/\/blog.hubspot.com\/website\/html\">HTML<\/a><strong> and<\/strong> <a href=\"https:\/\/blog.hubspot.com\/website\/css-tutorial\">CSS<\/a> so you can more easily customize your site later. <\/p>\n<p><strong>Stick to five navigation bar items <\/strong>at most. <\/p>\n<p><strong>Ensure your navigation bar shows up<\/strong> on all pages. <\/p>\n<p><strong>Create sub-menus<\/strong> for your navigation items to effectively group your subtopics. <\/p>\n<p><strong>Create an XML sitemap<\/strong> for search engine crawlers to find and index your site. <\/p>\n<p><strong>Submit your website to<\/strong> <a href=\"https:\/\/search.google.com\/search-console\/about\">Google Search Console<\/a> once you\u2019ve launched it. That way, Google can crawl it much more quickly. <\/p>\n<p><strong>Use an analytics tool<\/strong> such as <a href=\"https:\/\/analytics.google.com\/\">Google Analytics<\/a> to see who\u2019s accessing your site and from where. <\/p>\n<p><strong>Link internally from page to page<\/strong> so search engines understand how the pages are related. <\/p>\n<p><strong>Use keyword-rich<\/strong> <a href=\"https:\/\/blog.hubspot.com\/marketing\/anchor-text\">anchor text<\/a> when linking to internal pages. <\/p>\n<p><strong>Link to other strong sites in your niche<\/strong> to signal relevancy to Google. <\/p>\n<p><strong>Add your business or personal brand to social media sites<\/strong> and backlink to your website. <\/p>\n<p><strong>Research other sites in your niche<\/strong> and get content ideas from them. <\/p>\n<p><strong>Receive a website rating<\/strong> based on factors such as page performance, security, SEO, and mobile experience by using the <a href=\"https:\/\/website.grader.com\/\">HubSpot Website Grader<\/a> tool. <\/p>\n<p><strong>Compress all images to under 250KB<\/strong>. The smaller, the better. <\/p>\n<p><strong>Publish and maintain a blog<\/strong> \u2014 Of course, I\u2019m serious about that. Try to post at least once a month. <\/p>\n<p><strong>Aim for a minimum of 600 words<\/strong> per page and blog post. <\/p>\n<p><strong>Use a grammar-checker such as Grammarly<\/strong> to ensure all copy is error-free. <\/p>\n<p><strong>Avoid duplicate and boilerplate content<\/strong> \u2014 even one paragraph can be enough to hurt the credibility of your page. <\/p>\n<p><strong>Recheck your<\/strong> <a href=\"https:\/\/blog.hubspot.com\/marketing\/website-architecture\">site architecture<\/a> to make sure your page hierarchy makes sense. <\/p>\n<p><strong>Create a backup of your site<\/strong> whenever you make major changes. <\/p>\n<p><strong>Seek guest posting opportunities<\/strong> and backlink to your site in your author bio. <\/p>\n<p><strong>Join industry organizations<\/strong> and backlink to your site from your member profile. <\/p>\n<p><strong>Avoid duplicating pages <\/strong>to use the same layout. If you do, double-check that your slug doesn\u2019t read <em>.com\/original-page-copy<\/em>. This happens more often than you think. If it happens, change your slug. <a href=\"https:\/\/blog.hubspot.com\/website\/what-is-wordpress-slug\">Here\u2019s how to change your slug in WordPress<\/a>, if you\u2019re using that CMS. <\/p>\n<p><strong>Keep your page URLs short and user-friendly<\/strong>. If the title of a blog post is \u201c50 Ways to Conquer Your Fear of Heights and Fly Worry-Free,\u201d don\u2019t have a URL that reads <em>example.com\/20XX-03-25\/blog\/50-ways-to-conquer-your-fear-of-heights-and-fly-worry-free<\/em>. Consider instead <em>example.com\/conquer-fear-of-heights<\/em>, or whatever is the best target keyword. <\/p>\n<p><strong>Add breadcrumbs to your website<\/strong> to clarify your site structure. <a href=\"https:\/\/blog.hubspot.com\/website\/wordpress-breadcrumbs\">Here\u2019s how to add breadcrumbs in WordPress<\/a>. <\/p>\n<p><a><\/a> <\/p>\n<h2><strong>Build a website to incite growth.<\/strong><\/h2>\n<p>Building a website is a must-do for anyone who wants to be online. Not only does it help your business appear more professional and established, but it\u2019s also one of the main ways consumers can discover your brand.<\/p>\n<p>I primarily use brand websites to discover and purchase products, but I didn\u2019t realize how challenging and costly it can be to develop and maintain a website from scratch.<\/p>\n<p>It\u2019s amazing that we have access to intuitive website builders and CMS products that establish a more efficient and effective website creation process.<\/p>\n<p>This step-by-step guide will help you create a truly special website that accurately represents the brand you care so much about.<\/p>\n<p><em>Editor&#8217;s note: This post was originally published in May 2018 and has been updated for comprehensiveness.<\/em><\/p>","protected":false},"excerpt":{"rendered":"<p>I can\u2019t remember the last time I discovered a new brand by shopping in person [&hellip;]<\/p>\n","protected":false},"author":0,"featured_media":411,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-410","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/internship.infoskaters.com\/blog\/wp-json\/wp\/v2\/posts\/410","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/internship.infoskaters.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/internship.infoskaters.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"replies":[{"embeddable":true,"href":"https:\/\/internship.infoskaters.com\/blog\/wp-json\/wp\/v2\/comments?post=410"}],"version-history":[{"count":0,"href":"https:\/\/internship.infoskaters.com\/blog\/wp-json\/wp\/v2\/posts\/410\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/internship.infoskaters.com\/blog\/wp-json\/wp\/v2\/media\/411"}],"wp:attachment":[{"href":"https:\/\/internship.infoskaters.com\/blog\/wp-json\/wp\/v2\/media?parent=410"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/internship.infoskaters.com\/blog\/wp-json\/wp\/v2\/categories?post=410"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/internship.infoskaters.com\/blog\/wp-json\/wp\/v2\/tags?post=410"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}