Tag Archives: your-website

Web Design Best Practices: A Helpful Guide

The post Web Design Best Practices: A Helpful Guide appeared first on HostGator Blog . Your website is the main face of your brand online. And building your website with best practices in mind will ensure your brand is putting its best foot forward. What people see when they visit it influences how they see your brand – online and off. And your web design largely defines how people experience your website. In short, web design is important. A bad web design can make your website layout look unprofessional, lose visitors’ trust, or make it difficult for them to find what they’re looking for (and therefore increasing instead of reducing your bounce rates ). A good website design shows your visitors you know what you’re doing and that it’s worth sticking around and interacting with your brand. Whether you’re working on a building new website or launching a re-design for the one you already have, there are a few important web design best practices you should honor. 1. Make Your Site Navigation Intuitive. Part of the design process is figuring out how to organize all the pages and what to include in your website menus . Getting your site organization right is both important for your website architecture and because it determines how easy navigating your website is for visitors. When deciding what pages, categories, and subcategories to include in your website’s menus, think first about your visitors. What will make it easier for the average visitor to find what they’re looking for? But also decide what the most important pages you want them to find are. Strive to organize your website in a way that will make it just as intuitive to a first-time visitor as it is to someone who knows it well.   2. Maintain a Consistent Style. If you visited a website that had a specific style on the home page but changed to something completely different on the next page you linked on, you’d find the change confusing. You might wonder if you were in the right place at all or had somehow navigated away from the site you thought you were on. You don’t want your site visitors to deal with that kind of confusion. Early on in the design process, sit down to develop a web design style guide . A style guide is a useful web design tool that will help you make sure all the pages on your website visually match well enough to let visitors know they’re all related to each other as well as to your brand. Make sure it includes: The website’s color scheme The logo design to use (and any variations on it in terms of size and shape you’ll use throughout the site) The font(s) The visual style (for example, do you want a minimalist feel? A playful one?) As you move into the particulars of designing the site, your style guide will be a helpful resource to keep you on track.   3. Design Each Page With a Goal in Mind. You’re not just designing a website for fun, you want it to accomplish something. And even if you have one overarching goal for the whole website, different web pages will need to have more specific goals. For example, an eCommerce website will primarily be designed to get people to make purchases. But in order to do that, some pages will be focused on getting people to visit the website to begin with, so they’ll have the primary goal of improving search engine optimization  or encouraging social shares. Other pages will more directly try to get people to click that “Buy” button. Clearly define the specific goal you want and  to accomplish this and make sure your design for it centers the goal.   4. Keep Each Page Focused. Another good web design tip that goes hand in hand with having a specific goal for each web page is to make sure your pages have a clear focus. Don’t try to do too much on any one webpage. You don’t want your web pages to look cluttered – that not only makes it look bad (which makes visitors more likely to click away), but it also presents too many distractions. How will people know the next best step to take, if your page is filled with so many links and images and text that they can’t figure out what to focus on? If you realize a particular web page has too much going on, split it up into multiple pages. Having separate pages that each has a more clear focus will be good for user experience and improve your opportunities to optimize for SEO.   5. Make Your Website Responsive. Mobile use now surpasses computer use ,  and every year the amount of time people spend on the web on mobile devices only grows. For website owners, that means your web design has to prioritize the mobile friendly experience . In most cases, the best option for creating a website that works well both on desktop and mobile devices is to build a responsive website. Responsive web design involves identifying breakpoints on the page where the page can be cut off and everything to the side moved below the breakpoint without the experience losing anything. That’s why mobile devices often display the same images and text, but with all elements of the page that appear alongside each other on the desktop showing up as stacked above and below each other. When designing each page on your website, you need to define at least three breakpoints to ensure your pages work well on each of the three main device sizes (although many designers prefer to use more). To a large degree, responsive websites have become common enough that most web design tools or designers you turn to will automatically employ best practices for responsive web design. As just one example, all of the templates offered with HostGator’s website builder are responsive, so even newbie website owners that don’t know anything about HTML or other coding languages can easily create a website that’s responsive. No matter what web design tools you use though, make sure you design your website with mobile in mind and use responsive design best practices.   6. Use Fluid Images. Fluid images  can aid in responsive web design and improve user experience on your website. You can make any of the images you use fluid with the right HTML code. If you add “max-width: 100%” to the source code for the image, you’re letting browsers know to resize the image to fit the page on every device. As an example, the full code would look like: This will keep your images from blocking text or other parts of the page on devices where they outgrow the section of the page you want them to stay contained within.   7. Make Clickable Elements Large Enough for Mobile. Another important component of good mobile-friendly website design is thinking about how people use their mobile devices. Clicking a small button on a computer is easy with the pointer that you have total control over and that can get very specific in what it points to. On a mobile device though, you have to be able to “click” that same button by touching it with your finger. If a link or button is too small, or worse, if you have different links located too close together, your users will struggle to get the links to work. When designing your web pages, make sure you test each one out on a small mobile device to confirm that all the links and buttons are easy to use.   8. Use Visual Hierarchies. This relates back to the goals you developed for each page of your website. Every page will include the most important information that you want people to notice, as well as additional information and design elements that matter, but aren’t of the same level of importance. In order to make sure that every visitor on every device sees the most important parts of the page before moving on, develop a visual hierarchy for each web page. The most important elements need to go at the top so they show up for everybody, and the other parts of the page can fall further down for the people interested enough to keep scrolling to see the whole page.   9. Make Your Site Accessible. Your visitors don’t all interact with the web in the same way. While that’s useful to consider in general, it’s an even more important point to remember when designing for people with different types of disabilities. An important web design tip to keep in mind during the design process is, therefore, to aim for inclusivity and accessibility. The Web Accessibility Initiative has outlined a number of Accessibility Principles for web designers to honor when creating their websites. The people who benefit most from accessible web design may be in the minority, but some are very likely in your target audience. By building an accessible website, you open your brand up to a wider audience and can build goodwill with a community that’s often underserved.   10. Stick to Design Standards. Have you ever been confused by a website that has its menu in a different spot than you’re used to? Or had a hard time closing a pop up that had the X in a weird spot? While web designers can often benefit from finding ways to be creative or unique, there are certain  web design standards that  define how people interact with websites and what they expect to find. When you move away from these norms, you risk creating confusion and a negative experience for your customers. A few of the main standards it’s a best practice to stick with include:     Putting your logo in the top left     Putting contact information in the top right     Having your main menu stretch across the top of the screen     Putting your value proposition high up on the home page     Including a CTA high up on the home page     Adding a search feature to the header When you think about it, everything on that list is probably exactly what you expect to see when you visit a website. If you’re going to venture away from these standards, make sure you think thoughtfully about why and make sure you’re not creating unnecessary confusion in the process.   A Good Design Makes for a Good Website Your web design determines how your website will look and feel to the people that visit it. Getting it right is paramount to the success of your website . Take some time to understand the main web design best practices and create a website that people will find useful and intuitive. Find the post on the HostGator Blog Continue reading

Posted in HostGator, Hosting, VodaHost | Tagged , , , , , , , , , | Comments Off on Web Design Best Practices: A Helpful Guide

Hosting related article writer

Has anyone had luck with any individuals / companies for writing articles for facebook, linkedin, your website blog on a recurring basis? I… | Read the rest of http://www.webhostingtalk.com/showthread.php?t=1735763&goto=newpost Continue reading

Posted in HostGator, Hosting, php, VodaHost | Tagged , , , , , , , | Comments Off on Hosting related article writer

The Ultimate Guide to Building a Successful Website

The post The Ultimate Guide to Building a Successful Website appeared first on HostGator Blog . You’ve got an idea for a web property – whether it’s for a business, to share your thoughts and ideas with the world, or to simply find and connect with other people who share your passions. The challenge now is to build your website . If you don’t know anything about web design or HTML, then building a website can seem like a daunting prospect. But getting all the elements of a successful website into place is just a matter of knowing the right steps to take and tools to use.   This guide will cover all the main things you need to know to get started. Step 1: Determine Your Website Goals. You’re starting a website for a reason. What is it you want the site to accomplish? Before you actually start working on the website itself, sit down and really work out what you want your website to achieve. If it’s a business website, your main goal will be increasing your business profits, but you’ll want to break that down into more specific and transitional goals as well, such as raising brand awareness or driving traffic into your store. If you’re hoping to write blog posts about what you love and eventually monetize your blog , then your goals will be based on driving traffic and building a community.   Even if you just want to use your website to put your thoughts out into the world or share your creative projects, you probably want other people to find and connect with them. Successful website design depends on what you want to get out of the website. Whether you want visitors, sales, subscribers, fame, community, or something entirely different, you have to start by clearly defining and writing out your website goals.   Step 2: Pick a Domain and Hosting Provider. While you can take each of these steps separately, they’re lumped together here for a reason. Most hosting providers include a domain name (or multiple) in the cost of hosting, so you can save yourself some money by registering a domain through the hosting provider you go with.   Picking Your Domain Name Choosing the right domain name can be challenging. You need to pick something that makes sense for your websites, is easy for your visitors to remember, but that’s still available. With millions of websites already out there, a lot of your options are already taken – especially if you want to use a .com option, which is recommended since it’s what your visitors will automatically type in when looking for you. If you have a business name already, you’ll ideally want to come up with a domain that matches it or is at least similar. If you’re still figuring out what to call your brand or blog, then you have some more room to get creative here.   Brainstorm different keywords and concepts that you like and that are relevant to what you’ll be offering on the site. Put together different combinations of terms that you like the sound of and check the availability with HostGator’s domain name search until you find an option you like that’s available. Some domain registrars, including HostGator, allow you to bundle your domain purchase with your hosting plan. Let’s review how to choose a hosting plan next.   Choosing Your Web Hosting Plan When you start looking at , you may find it all overwhelming at first. The main things you need to cross off your web hosting checklist are: Does the provider have a reliable server? Research a web hosting provider’s uptime to make sure you pick one you can be confident will keep your website consistently active. Can the plan handle your traffic? Unless you have an established brand, your website probably won’t get that much traffic to start. But you want to make sure you choose a plan that can handle the amount you plan on getting. Is the plan compatible with your web design needs? If your website will be on the simpler side, then you don’t have much to worry about here, but if you have a developer that insists on using a specific type of programming language or software, you may need to choose your web hosting plan based on compatibility. A good web hosting provider will have salespeople that can help you navigate the differences between the various plans they offer and customer support that will help you learn the ropes when getting your website set up. If you’re considering HostGator for your provider, our staff can help with any questions you have and most of our plans come with at least one domain name included.   Step 3: Plan Out Your Site Organization. A successful website design requires proper organization. You need the website to be intuitive to users. And if you care about being easy to find, you also need it to be organized well for SEO . Before you work on the website design itself, sit down to figure out the main pages and categories your website will have. The most important pages should go in your main menu, which should be included on every page so it’s easy for visitors to navigate to the most important parts of the site. If your website will just have a few main pages and be pretty basic, figuring out your site organization won’t be too difficult. But if you’ll have a bigger site with a lot of different pages, categories, and subcategories, then it’s even more important to get a plan into place for how it will all be organized now. Think first and foremost when planning out your site’s organization about your future visitors. What are the categories that will make the most sense to them? What site structure will make it easiest for them to find what they’re looking for? You’ll be doing some guesswork at this point (and your analytics after you launch will show you if you got it right or need to make changes later), but do your best to put yourself in their shoes now.   Step 4: Develop a Successful Website Design. Once you know the main pages you’ll be creating and the way you’ll be organizing the site, it’s time to design your website. If you’re not adept at web design yourself, you have two main options here:     Using a website builder     Hiring a professional web designer   Option 1: Using a Website Builder You don’t have to learn coding to build a success website anymore. Now you can turn to website builders that make creating a website on your own much easier. Website builders usually offer a number of templates you can choose from to start with and let you make tweaks to personalize the site from there. You can load your own images and copy, easily change out colors, and drag and drop images and other page elements to where you want them on the page. For someone without coding skills that has a limited budget, sticking with a website builder is worth it to keep things easy, while still producing a website that looks good. And if you chose HostGator to be your web hosting provider in step two, we offer a free website builder with many of our web hosting plans, so you won’t have to spend any additional money to get started. Here are just a few of the websites designed using our free templates: Option 2: Using a Professional Designer For more complicated websites, a website builder may not cut it. If your website will have a lot of pages, include a difficult-to-build feature like creating a forum , or if you have a really specific vision in mind – then you’ll be better off hiring a professional to design your website for you. Research the design firms and freelance web designers in your area and set up interviews with anyone whose style you like. In each interview, make sure you discuss your main goals for the website and clearly describe what you’re looking for. Pay attention to the questions they ask you and the tips or suggestions they provide – that’s how you’ll get a feel for their level of knowledge and whether they’re a good fit. Developing a successful website design with the right professional will ultimately be a collaborative effort, and finding the right person to hire is the most important step of that process.   Step 5: Write Your Website Copy. The design’s important, but one of the other crucial elements of a successful website is good copy. Website copywriting is a skill set in and of itself and, especially for business websites, the words you choose will make a big difference in how successful your website is at achieving your goals. For many websites, your best bet at this step is to hire a professional copywriter who knows what kind of writing works well on the web and can help you clarify your business positioning and messaging so that it resonates with your target audience. If your website is more of a passion project than a business website with a profit goal, then it might not make as much sense to spend money on a professional copywriter. If you’ll be writing your website copy yourself though, take some time to read up on web copywriting best practices .   Step 6: Optimize for SEO. If you want people to find your website, then you need to be thinking about how to design your website for search engines as well as people (although people should always take priority!). That means learning the basics of SEO and optimizing each of the pages on your website before you publish it. Search engine optimization is a big topic, but to give you the short version, it includes: Performing keyword research to learn the terms your audience is using (and how competitive they are) Including relevant keywords in your URL structure , title tags , headings, image meta tags , and copy. Adding meta descriptions for every page on your website. Including natural internal links on your web pages using relevant keywords in the anchor text.   Start doing this before your website goes up on the web and keep doing it for every new page you add over time.   Step 7: Plan for Marketing. A successful website doesn’t start and stop with a good design. You also have to plan on taking steps to promote your website. SEO is one part of that, but you may also want to consider using tactics like paid advertising, social media marketing, and content marketing to get users to your website. New websites often need an extra push to get those first visitors. If gaining an audience is important for you to meet your website goals, then you’ll benefit from creating a marketing plan even before your website launches.   Step 8: Review All Pages for Any Errors. With your web design and website copy in place, you’re so close! Now you just need to make sure everything looks good before you actually put your website out on the wide web. Take time to read over every page and look for any errors. Make sure all your links point to the right place and all the information is accurate. Check how it looks on mobile devices and in different web browsers. This is a good phase to bring in some outside eyes. Have a friend go through the website as well to see if they find it intuitive and everything looks good to them too. You’re so close to it that someone else will have an easier time spotting usability issues than you will.   Step 9: Launch! Once you’re pretty confident that everything looks good and you have exactly the website you want, publish it to the web. Make sure to set up a Google Analytics account and add the tracking code to your website at this point (or before) to help with our last step.   Step 10: Monitor Your Site. No matter how hard you try, you won’t come up with the perfect website design on the first try. To fully understand what works on your website with your audience, you’ll have to wait and see what they do once your website is out in the world. Pay attention to your analytics and use the data to find opportunities to improve your website’s design, your copy, and the marketing tactics you use over time. A successful website is only a little bit about what you do when you’re building it (although all that matters!). It’s much more about what you do after it has launched. Make sure you build the best website you can, but also have a plan for what to do beyond launch day to achieve success. Find the post on the HostGator Blog Continue reading

Posted in HostGator, Hosting, VodaHost | Tagged , , , , , , , , , , | Comments Off on The Ultimate Guide to Building a Successful Website

when to upgrade from a free cloudflare service?

In terms of page loading speed, what is the maximum traffic of your website before you upgrade your cloudflare to a paid plan, or move to a … | Read the rest of http://www.webhostingtalk.com/showthread.php?t=1733967&goto=newpost Continue reading

Posted in HostGator, Hosting, php, VodaHost | Tagged , , , , , , | Comments Off on when to upgrade from a free cloudflare service?

[MilesWeb] Best SSL Certificates Starts @ $11 | Secure Your Website Data | 256-bit Encryption

[COLOR=#1A1A1A]SSL certificates enable you to secure the connection between your website and your website visitor’s browser. As a result of … | Read the rest of http://www.webhostingtalk.com/showthread.php?t=1730989&goto=newpost Continue reading

Posted in HostGator, Hosting, php, VodaHost | Tagged , , , , , , , , , , , | Comments Off on [MilesWeb] Best SSL Certificates Starts @ $11 | Secure Your Website Data | 256-bit Encryption