You don't need to be a programmer or web designer to create a good resource. There are over 200 million active websites now, and many of them were created by ordinary people. Keep in mind, however, that the relevance and strength of your resource depends on many technical and web-based administrative factors.
When you understand what to start from, making a website yourself is really easy. If you already have graphic and text content, then work on a resource of ten to twenty pages will take from two days to a week. But at the same time, it should be beautifully designed and convenient for obtaining user experience (UX). He also must have minimal search engine optimization (SEO), otherwise Google and Yandex will simply not notice him.
First of all, you need to decide on the type of resource and choose the one that best suits your short-term and long-term plans. At the beginning of the 21st century, the entire Internet consists of the following types of sites.
Blogs. These resources represent personal or industry pages, such as tourism, fishing, or travel. Usually a blog is led by one person and its success, first of all, depends not on design and SEO, but on the quality of graphic and text content.
E-commerce sites. These include online stores, catalogs with the ability to order, message boards, exchange offices and other online trading resources. It is a rare person who alone can create a successful site of this type.
Resources with educational programs. Now this segment is developing rapidly – After all, video courses can teach literally any skill. If you have excellent knowledge in an in-demand area or a rare specialization, such a site will easily make you popular. Especially if you connect English subtitles to the uploaded video.
News resources or aggregators. Usually created by a team of like-minded people who share responsibilities. They quickly get a very large number of visitors and live off the advertising.
Internet communities. This includes forums and social networks where people can chat and buy at the same time. Currently, the niche is practically monopolized by FB, VK and global industry forum-portals such as habr
Portfolio. Are personal or business support resources. Samples of works are exhibited there, for example, landscape design, renovation, graphics, handmade or technical projects.
Corporate sites. These are representative offices of legal entities or government organizations on the network. Sometimes they support the trade and catalog function.
Landing pages. A special type of one-page resources that became a trend in the 10s. Combines E-commerce, portfolio and corporate website functions. With content ready, you can easily make your site look like a landing page.
Regardless of the type you choose, you should remember that creating a website yourself requires a step-by-step approach.
The steps are usually performed in this order:
Development of an idea.
Preparation of graphic and text content.
Selecting the level of creating a web resource.
Domain name selection.
Choosing a hosting.
Minimal SEO setup.
There are 3 fundamental levels of work when creating web resources:
creating a website using a website builder – just;
website creation with a content management system (CMS) - medium complexity;
programming a website yourself is very difficult.
Those reading this article may have a variety of skills and experience in software that will make it easier for them to work at the second or third level. For example, familiarity with Photoshop will help create a more beautiful and harmonious resource, and knowledge of 1C will simplify working with data.
Naturally, knowledge of the HTML markup language (quite simple, by the way) or the PHP programming language will allow you to create a website yourself, using and modernizing ready-made templates. In this case, you can post pretty high quality pages on the web claiming to be unique.
In general, you should be aware of such things:
How to create separate pages, organize them into categories, and categories into sections;
How to generate a sitemap;
How to use Title, Description and Meta Tags in pages correctly;
How to correctly create a semantic core and insert keywords into content.
We can talk endlessly about ideas for websites, but in this case we mean a design and functional idea. Remember, improvisation does not always lead to success. Planning and considering an idea from different angles helps you decide what areas, segments and visitors you need, what content is best for you and how your site should look.
For example, when creating Landing Pages (sites in the form of a scrollable landing page), it is important to pay attention not only to the content, but also to the correct visual structuring of information. That is, you need to conveniently place frames with text, buttons, widgets and images, as well as choose an easy-to-read and fairly large font in all types of headings. – from H1 to H4.
If you are implementing the idea of online trading with handmade handmade products of your own production, you need not only to think over the descriptions of your baubles and bracelets, but also to optimize (lighten) the size of their photos, and also to install a gallery plugin. It is also required to create sections and categories of goods, decorated menus and submenus (preferably basic – horizontal, and secondary – vertical, left or right pages) and connect several online payment systems at once.
Naturally, the different directions of the sites differ from each other in organization. Before you start creating a website with your own hands, you should carefully consider your idea and analyze the available analogues of the solutions already used for it.
If you are building a website personally, you must remember that the perception of your visitors may be completely different from your own.
To make the design attractive, you should work on the following nuances:
determine the combination of primary and secondary colors and shades. This applies to both graphic elements and the coloring of visited, unvisited and current menu items.
define the color and style of fonts, background and background
define the color "weight" of the header and footer – that is, light and dark tones. They can be evenly spaced, darker at the bottom, or darker at the top of the screen.
define the style of graphic elements. For example, menu items can be square, rounded, or rounded. They may or may not be separated by a dash or mini-pattern.
in no case forget about the clear and memorable favicon.
Remember - good web design and UX – this is half the success of a commercial resource. The Internet knows many examples when buyers come to a more expensive site for a product simply because it is convenient, easy to use and pleasing to the eye, and at the same time it is not necessarily in the top of the search results.
Domain is the Internet address where your home page will be available on the Internet. Some providers provide one or two domain names as a gift for hosting, and in the case of using site builders, the domain name often carries the provider's common prefix (for example, blogspot.com for the Blogger service).
You can only buy a unique domain name, and even then, if no one bought it before you. If you have come up with a name, you should go to one of the registration services, check - is your combination of symbols free? - and pay for the period of use.
When registering a name, you need to consider the following parameters:
length of words and total number of characters;
ease of reading;
ease of writing;
ease of memorization and association.
For example, if you trade agricultural tools, it is recommended to choose a name like lopati.com or grabli-kiev.com, but not selchozinstrumenti.com
You can enter the registered name in the corresponding column of the constructor or CMS. If you use these tiers, you can buy the appropriate domain directly from the provider. This simplifies administration as you only deal with one company.
If you are active internationally, register suitable domains for your target audience. For example, the .eu domain is ideal for pan-European commerce. And for industry domain names, domain endings such as .photography or .coffee offer customization options.
How to do this in the panel, see our video
When creating a website with your own hands, purchasing personal or free web hosting – this is a very serious question. The choice of one way or another when solving it can significantly affect the first months of the site's life – and, accordingly, on your income.
Most providers claim that they do not prioritize machine time on free packages, but the Great Arbitration Gurus on Habré claim the following:
For free hosting:
sites with less frequent content updates are processed later (the effect of noisy neighbors);
sites with heavy graphics or files are processed later;
sites with a small number of visitors are processed later.
Of course, the servers are becoming more powerful every year, but still, if you put a lot of work into the development of the concept, idea and design, you should take a paid hosting package. In addition, it not only allows the site to load faster, but also gives more disk space and advanced functionality.
The easiest way to create a website – it is a network service constructor. Such services provide complex packages, both paid and absolutely free. Design, editors, hosting, domains (eg Wordpess.com) and support are usually provided by a single provider. The vendor takes care of complex technical tasks, and you take care of interesting and useful content.
But don't think that it will be interesting only for beginners. Even a constructor can be turned into something unique and attractive. – it depends on the tasks of the project being executed. Typical users of website builders are creative freelancers, trainers, consultants, agencies, restaurants, and local businesses.
Choosing the right website builder is very important. Different services are designed for different needs. To create a website that suits you, you definitely need to choose the right service.
Advantages of constructors:
very easy to use;
technical support is included;
do not require additional software;
you can start without any technical knowledge.
Cons of constructors:
additional functions cannot always be modified (depending on the kit of the constructor);
designers are less flexible when upgrading and changing tasks because you have to rely on the vendor.
not suitable for very complex projects that require databases.
ADM.TOOLS control panel – it is a complex solution for self-creation of sites, which is provided by the ukraine.com.ua service. It is easy to operate, supports Russian and Ukrainian languages and serves to quickly create various Internet resources. First you need to register in the system and go through authorization.
Then you can choose a tariff plan that will give you the opportunity to work with all CMS at the same time or create a website yourself in one click using the provider's tools. In order for you to evaluate the quality of use, a free test period for 5 days is provided.
When creating, you should select the "My Sites" item and go to the administration panel. Here you can use ready-made templates, enter clean HTML-code or completely fill the site with WordPress, Joomla or Drupal. The interface is intuitive even for beginners, and the process of creating your first website (of course, if the content is ready) will only take a few hours.
The service positions itself as ultra-reliable and secure – and this is quite true. If you are going to create a resource that e-commerce plugins will connect to, ADM.TOOLS will provide the best experience by using SSL and TLS certificates.
The main difference between WordPress and modular systems like Jimdo or Weebly is the level of complexity. If you rarely come across CMS website technology, you definitely need some technical knowledge to work with the WordPress service.
The big advantage of the system is its almost unlimited scalability. Once your site has landed on this platform, there are no upper limits for design and optimization.
Here are some examples of using WordPress:
you are a real estate agent and you want your clients to be able to search for apartments in the database,
you want to offer a premium account with an integrated payment function,
you want a particularly impressive design that offers the latest technical improvements and can be flexibly adapted in code.
the competition in your area of business is very strong and therefore you need special SEO features.
If you need extreme flexibility, or are going to create a professional blog, or want to provide information from a continuously updated database, this is the service you should consider.
Automatic site installation via adm.tools panel
Joomla is a content management system released in 2005 that is highly user-friendly. After a short training period, you can work with any software.
The CMS is licensed under the GNU GPL and written in the PHP scripting language. By default, Joomla uses MySQL relational database management system for data storage.
Joomla is suitable as a CMS solution for both static and dynamic web projects of various sizes. Depending on which extensions you integrate into a standard installation, you can create user-friendly and well-structured websites as well as complex and branched web applications.
A particular advantage is integrated page programming in accordance with SEO criteria. This will make your site easier to find on search engines and have a positive impact on your Google rankings.
Joomla also offers impressive online store solutions. Using additional components such as VirtueMart, you can easily manage online trading with dozens of orders per day.
You can download the installation files directly from joomla.org/download.html. First, save the .zip file to a folder on your local computer. Then set up the required MySQL database and your FTP access. After you have installed Joomla, enter your provider's FTP details and connect to the web server. Now unzip the .zip file to your local computer. Then copy the files to the web server via FTP. Create a separate folder there named "Joomla" or whatever.
Before installing, Joomla asks for general data, which you can enter in the appropriate fields or select with a mouse click. Required administrator details - email address, username, password – should also be entered. You will need this access later to serve your Joomla website.
The development of any resource requires continuous analysis of its interaction with users. After the site is up and running, you should track the results of its work. This applies not only to the number of visitors, but to the analysis of the speed of work, geolocation and the calculation of conversion.
In addition, in a long-term project, you should think about better security and the use of secure data transfer protocols.
Google Analytics is the most powerful and free web analysis tool for blogs, websites and online stores. The service allows you to track literally any activity on your resource.
Many users make mistakes when linking a site to Google Analytics. First, you must fetch the current version of the tracking code from Google Analytics. You can find this code here:
To come in -> Administration -> Tracking information -> Tracking code
This is what this code looks like:
If you are using a Content Management System (CMS) like TYPO3, Joomla, Redaxo, or WordPress, you need to integrate the snippet into your frontend templates. For many of these CMS, plugins (extensions) are available for integrating analytics on the web.
The code should be placed on the home page of your site between the tags.
It should be remembered that for fine analysis of individual pages of the site, you need your own tracking codes on each.
The position of the analytics snippet is important: the tracking code is in the header area, ideally at the very beginning. There have been other best practices for this in the past, such as in the footer area, but these have lost their relevance.
Previously, it was also necessary to add a code to activate the display functions. This is no longer a prerequisite for getting demographic data in Google Analytics. Website buyers' interests and similarities and building retargeting lists also work without extending your analytics code!
Casual users rarely notice this, but HTTP (or http: //) and HTTPS (https: //) are options for launching URLs and show an important difference across all websites.
Each URL that begins with HTTP uses the Hypertext Transfer Protocol simple type. HTTP is also known as "stateless system", which means that it will activate the connection when needed. You click the link to request a connection, and your web browser sends that request to the server, which responds by opening the page.
Like Application Layer Protocol, HTTP focuses on displaying information, but cares less about how that information gets from one place to another. Unfortunately, this means that HTTP can be intercepted and modified, making both the information and the recipient of the information vulnerable.
HTTPS is not the opposite of HTTP, but its younger cousin. They are basically the same as they both use the same "Hypertext Transfer Protocol" that allows the requested web data to be displayed on your screen. But HTTPS is more advanced and secure.
HTTPS is an extension to HTTP. "S" in abbreviation comes from "Secure" and is supported by Transport Layer Security (TLS) [successor to Secure Sockets Layer (SSL)], a standard security technology that uses an encrypted connection between the server and the browser.
Without HTTPS, all data that you enter on the website (for example, your username / password, credit card information or bank details) is sent unencrypted and can therefore be intercepted.
For this reason, it is recommended to use HTTPS in resources that are in one way or another related to the verification of users by personal data.
In addition to encrypting the data transmitted between the server and your browser, TLS also verifies the identity of the server you are connecting to and protects the transmitted data from manipulation.
The growing demand for data protection and security from the public is another benefit of using HTTPS. According to We Make websites, 13% of all canceled purchases are actually payment security related. Site visitors want to know that they can trust your site, especially when entering financial information. Using HTTPS is one way to do this (i.e. it is a way to show visitors that all the information they enter is encrypted).
HTTPS can also help with your SEO. Google announced HTTPS as a ranking sign back in 2014. Since then, some research and individual experiences of companies adopting HTTPS have shown it to correlate with higher rankings and page visibility.
Nothing can hinder your web surfing more than a website that loads very slowly. It's also a bad sign for Google and for store operators: every millisecond of loading time means a loss in sales.
According to a 2016 kissmetrics study, nearly half of all Internet users expect download times to be less than two seconds. If the time is more than three seconds, 40 percent of visitors leave.
The shorter the load time, the longer the user stays and the lower the bounce rate. Poor site performance can even scare off visitors completely. According to another survey, nearly 80 percent said they would not visit slow sites a second time.
Speed optimization can be done in various ways, the most popular ones are listed below.
To find a web server with a website, the domain listed in the browser must be converted to an IP address. Thus, example.com becomes four numbers, separated by dots from 0 to 255. So-called DNS servers are responsible for domain resolution. Typically, a chain of DNS servers is required until an IP address is found.
This process can be optimized with faster DNS servers. For example, servers with IP addresses "220.127.116.11" from Cloudflare and "18.104.22.168" from Google can be used free of charge. DNS record translation can also be done by the domain provider or hoster.
If your online business has a global presence, you will quickly find that connection times can vary greatly depending on where your website is accessed from.
A content delivery network, or CDN for short, can help. It ensures that your site is cached on the global server network and that there are always the fewest nodes between the user's computer and the next server in the CDN.
For a long time, it was believed that an SSL certificate would slow down website loading speed. This is because SSL creates another obstacle in establishing a connection to the web server — the SSL certificate has been verified and an encrypted connection has been established.
In the meantime, however, the situation has changed. Protocols have improved and now HTTPS has little or no effect on download speed.
how this can be done for Wordpres see the video
Frequently requested content, such as database queries, does not need to be run over and over and can be buffered on the server. This is especially important for users who want to read multiple articles or look at products - that is, bring up multiple pages in their session. Loading time after viewing each page can be reduced.
Server side caching can be activated and configured in the web server software settings
With browser caching, elements of your site are not cached by the web server, as is the case with server caching, but by the web browser. This means that when you call a new URL on your site, you don't need to reload all the elements.
In many CMS, browser caching can be activated using plugins or extensions.
If you want users to visit your site again and again, you should use all speed optimization methods. – from cleaning up the code to compressing graphics.
Website development is now available to anyone. But only a systematic approach to its development will ensure you long-term success, good income and respect from users.
If you want to build a website quickly, you must understand – why you will need it in six months or a year and only then start to implement your idea.
For those who have read to the end of the bonus full SEO checklist.
Order hosting in the company “Hosting Ukraine”... With us you can choose the package of services that will best meet the needs of your business.
High-quality and inexpensive SSD hosting from 1$, VPS on SSD from 12$, Cloud (cloud) hosting from 3$, cloud VPS from 6$... Dedicated server or dedicated server.
Just select domain, hosting and install a suitable CMS in one click.
We have 24/7 technical supportto help you resolve any hosting or domain questions you might have.