How to Create new website

June 15, 2016 Add Comment

How to Create new website


On this occasion admin will share tutorials How to Create a Complete Website With Images, will be peeled in depth step by stage. This tutorial is suitable for you who still lay, if you are skilled you can skip directly on the optimization only.

Many options how to create a web, it is up to you in choosing a way, because it chooses how it depends on your goal to create a web. From the easiest to the hardest way it's all your choices, obviously every way there are advantages and disadvantages.

What is the Web


The Web is a page that contains both written content, images and videos that can be accessed online (of course according to privacy rules). For those of you who want to sell online or create an online store, want to create a personal blog that contains even want to start an online business it takes the ability to create a web, not hard to know how.


Why Must Have Web or Blog


Almost every business owner has a web to introduce themselves and their products to support the brand, existence and sales. If you are a businessman, do not let you miss the competitors who already have the web.

By knowing the advantages of having a web, it's time you decide your goal in creating the web. Why should you do this early? Because this will greatly affect the appearance, web structure and web end results.

Step - How to Create a Website


Okay enough introduction with web and blog, let's start step - step in how to make web. In order to understand and get maximum results learn slowly

 Specify a Domain Name and Give a Web Name

Domain is your web address, with that address people can visit the web by typing the web address in their browser. For example this web has address, which need to be considered in choosing a web address or domain is make sure the address is easy to remember and not too long so it allows visitors to remember the web address.

Tips on choosing Domains you need to consider:

  1. Most webs that want to aim business using the suffix. Com or. Co., If the suffix was already purchased by others and it was sold, try to buy it.
  2. You may also consider using the .biz or .net domain suffix if the .com domain is not available.
  3. If you have a specific purpose for transactions for example Indonesia area only then use .id, if the American area use .us and so on.
  4. Do not be too push in choosing a domain name, you can use additional words in front or a suffix. For example if the domain baca.com already purchased, try to add the word front me so baca.com or the ending to be bacak.com
  5. Buy a domain with a minimum period of three years, so no one is trying to take advantage of your negligence in the domain renew.
  6. If you are worried that your domain name is being misused, try buying some other domain suffix.

How to Sign / Buy Domain Name


After you decide the domain name you want, it's time you immediately buy the domain so that the domain is not triggered by other parties. Many places to buy domains, can be domestic or overseas, are clear in buying domains consider the following tips:
  1. Do not check the domain name repeatedly on the web that does provide domain name purchase services, in some cases the domain name will be immediately purchased by the web provider because it is considered a lot of demand so that the selling price will increase.
  2. If you want to buy abroad make sure already have a credit card, because the author's experience using paypal only credit cards that can be used (If there are other tricks please add in the comments column).


Determining Techniques How to Create a Website


Okay now you have a domain, the next is to determine the techniques in how to create a website, because in making the web there are several ways we can do and this greatly affects the results itself.

As already said in the opening words that every technique has its advantages and disadvantages, this is a straightforward technique for creating a popular website:

  1. Hosting and Free Domains
  • Blogspot: Please go to the tutorial " How to Create Blog in Blogspot Complete Picture "
  • WordPress.com: Just go to Tutorial " How to Make Blog in WordPress Free Complete "
  1. Hosting and Paid Domains
  • WordPress.org: If you intend to use CMS wordpress and upload it yourself like this web, please follow this tutorial until it runs out
  • Other CMS -Content Management System: Like CI (Code Igniter) for example CMS.
  • Hand Coding: Make your own from scratch

For more details please go to the tutorial " Some Ways to Make the Most Popular Web ". For those of you who opt for how to create a website using CMS WordPress or do not use the free hosting facility, please continue reading the tutorial. For those who do not, please take the essence of advanced tutorial, because basically the same is just different technique.


How to Install CMS WordPress On Offline PC


Before web hosting, we should download the WordPress CMS file at wordpress.org , by trying offline first, we will get benefits like:

  1. You do not have to connect online for frequent changes (often change theme, plugin optimization until theme optimization)
  2. By not being connected online, the speed in optimization is increased when compared to optimization after the web is hosted online.
  3. Obviously we've saved the quota
  4. Make sure everything is in accordance with the desired start of the design until the optimization of loading speed.
  5. If indeed there is a change, we can change it when the web is online, because the changes are only slightly.

Building a Website Structure


After you install CMS WordPress or other CMS, our next task is to start building website structure. This is very important because it discusses what pages you want to display on your website.
The structure of your web site depends on the purpose of creating your web. For example, if you create a web for the purpose of creating an online store, then the web page you need is as follows:

  1. Home Page (Home)
  2. Product page or catalog
  3. Company Info or about us
  4. Payment page
  5. Contact page / contact page
  6. Blog tool to influence your prospective customers.

How Web Hosting Has Been Created


Adding Content or Web Pages / Blogs


The web is online and we can add articles or tutorials. In this section will be discussed the importance of creating appropriate SEO content, what are the advantages of making an appropriate SEO article? Here are some important points:
  1. Content will soon be indexed by Google
  2. Content will have a good position in the SERP
  3. Not easily shifted by competitors who have similar content
  4. Increase your web ranking
  5. Increase the trust of potential customers (the content contains reasons that support your merchandise).
  6. Strengthen the Brand that you build, because if a lot of your content is weighted it will add strength to your brand.
  7. And many more

Web Optimization / Blog


The last thing is no less important is to optimize your web. Optimizations include:

  1. Blog loading speed
  2. SEO
  3. Blog Security
  4. Back-Up function

Conclusion How to Create a Website

Similarly tutorials How to Create the Latest and Complete Website , there are still shortcomings that the author has not conveyed due to this limited media. For other tutorials related to making the web can visit the Website Categories page .





Similarities and Differences Blog with Website

June 14, 2016 Add Comment

Similarities and Differences Blog with Website


Many are asking what similarities are also differences blogs with the website, let us discuss completely why there are both terms and what the differences and similarities. Before discussing more in-depth please note that blogs and websites have the same goal of providing content online and only distinguishing goals resulting in different features.

If we visit Wikipedia and find out about the definition of the website, try to find information on the type of website, then we will find it turns out blogs include the type of website. Blogs stands for Web Log which is essentially a website that functioned as an online diary, his own post is usually about a particular topic.

Understanding Blog Differences with Websites


Have you got a picture of what is a blog and website? Apparently according to Wikipedia blog is a website with special function. If you've ever encountered the web with an additional blog page it means a website that has a blog feature, unlike a blog that does not necessarily have a function like website. As with forums, forums are also types of websites with the same function as well as blogs, if we compare the blog with the website then we will find a little difference, because the website has a broad meaning and blogs have a narrow sense.

Regarding the importance of why we know the difference between blog and website, we will know our goal in making it, many free cms like wordpress that can be used as blog or used as another type of website, for example online store.

Suda is not it? if you want to discuss the website, must clear which type of website that would be discussed? Although a web that has only one page and its content is just the word "hello world" or even no word or content at all, it can also be called a web with a blank type of website hehehe. Essentially a website is a page that can be accessed with a specific address (IP address or Domain).

The most find on some forums or blogs mention that the website is static, content containing the introduction of services or organization, seldom updated and usually used for company profiles. If we refer back to Wikipedia about websites with content that only contains information about the introduction of a service or organization and is often used by companies including the type of corporate website or company website.


Objectives and Features of Website and Blog




Suppose we will discuss the blog type website with a corporate or corporate website, then we will clearly get the following differences:

Please compare between the numbers of each feature.


Blog Objectives and Features

  1. Blog is used as a media update information on a regular basis, usually each post aka tone date information on how the information is published. Information can be news, tips and tricks.
  2. Has a main page containing a list of published posts, the order can be from the latest or per category.
  3. Each post has a section to comment or comment field to provide feedback or questions according to the post content.
  4. Have a contact section as a medium to contact the author. Usually used for communication tools on questions that can not be submitted to the comment field.
  5. Has a simple design and want to highlight the post.
  6. Usually made purely as a medium of exchange of information from the author to the reader, the author here usually only the owner of the site or a few people, in contrast to the forum.
  7. Usually the cost incurred is small or even free.
  8. The reader will know the author and the type of blog.

Corporate Website Features and Features

  1. No information is updated regularly, even if there is additional information, usually not much about the company or the organization itself and that too rarely.
  2. Website has an elegant homepage and contains information about the types of services offered. Homepage will be in the optimization as attractive as possible to attract potential customers and build a good impression.
  3. There is usually no comment field for each published information.
  4. Have a contact page, just like a blog. Some even add a map or company location on the contact page section.
  5. The design is made elegant and stunning. This is to build the brand and the name of the company or organization itself.
  6. Made purely as a media promotion company and its services or as a place of complaints problems online services.
  7. The costs incurred are large, due to the high custom rate. Start domain and some additional functions.
  8. Readers will better understand the company and the type of service.

If anyone has both of these features, then called the web with the additional capabilities of blogs where the blog function is more intended to attract potential customers and give effect to the services or products offered. Beyond there are many who use blogs as a tool to attract potential customers and many who succeed, to note is the content of the blog must be pure support services within the company or organization and make the final action toward your product or service.

Creating a Blog or Website


It is very clear the similarities and differences is not it? If you want to create a website, please visit the tutorial " How to Create a New Website and Complete ", in the tutorial described in detail about how to create a website in general starting complete (wordpress and blogger), for the purpose of creating blogs, corporate website or others just pay attention to the characteristics mentioned above. For the initial tips you can learn about html and basic css to support custom managed web pages, or if you do not want complicated you can directly hire the services of programmers.

If you want to learn and browse the web or blog in circulation, you will find that to sell online or create a web of ecommerce type, you are not required to use cms or even to buy a domain, you can use blogger or blogspot as a selling medium.


Conclusion

Similarities and differences of blogs with the website will always widen as the technology progresses, the more advanced will be more features in the blog that makes the difference even further with the type of other websites. The point is a blog is part of the website, if anyone asked about the website to you, then ask first which type is asked?
So first our discussion about the similarities and differences blog with the website, if anyone wants to ask, please throw to the comment field below, please do not OOT alias out of the topic, if there are questions outside the topic please use the contact page.






How to Accelerate Loading Website Blog Complete

May 13, 2016 Add Comment

How to Accelerate Loading Website Blog Complete


Tricks how to speed up blog website loading should be applied to all the web. Because all would agree if all visitors liked the web fast when loading its content. It is true if loading the website related to the speed of your internet, which need to know that is not always true if the faster your connection the faster loading web.

Why? Because if your web requires a very complicated computation, then the connection speed is not so helpful (the problem is on the server, so it takes time for the content to be ready to send to the client), moreover we want that all types of connections either slow or fast will be served well, then our effort is to optimize server performance in computing until content distribution and strive for content to have very small size.

If you have a web that has a lot of scripts like css, javascript and fonts all of which are big in size, it's ensured that the longer the server performance in the compilation and content distribution. In this tutorial we will discuss the basics and general, both for Wordpress and blogspot, for details of each step will be delivered in its own tutorial.

The Benefits of a Fast Web Loading or Blog

Lots of benefits that we will get, not only the satisfaction of visitors that we get, even this benefit is also felt for web owners who use the web as a field to make money. Here are the details of the benefits of having a web with a high loading speed:

  • Improve SEO rankings (Google wants the best)
  • Improve UX (User Experience), give a good impression for visitors. This is very important if your visitors are potential buyers of products.
  • Lighten the bandwidth burden, the more optimal it will reduce the amount of content distribution.
  • Lighten for visitors with slow connections.
  • Lastly, you also hate the slow web right?

Detail Speed ​​website affect UX (User Experience), I will quote from some websites, note the following details: 

From Aberdeen Group, a 1 second delay upon opening the page will cause:

  • 11% fewer visitors will blur
  • 16% decrease in visitor satisfaction
  • Losing about 7% of the conversion
  • Amazon has increased revenue ranging from 1% for every speed increase over 100 milliseconds.

  • Walmart too, has a 2% increase for every 1 second increase.


A study from Experts found that:


  • 47% of visitors expect the web at 2 seconds.
  • 40% will leave the web at 3 seconds and above.
  • 52% of online shoppers say the speed of the web is what keeps them loyal.
  • It's enough right ?, okay let's directly discuss the steps of each step how to speed up the website loading website or blog page.


Steps to Accelerate Loading Blog and Web

In this technique we will try our loading speed as optimal as possible, note that we do not have to apply all the steps to be explained, do it wisely and keep the direction of each step.

Steps will be divided into two categories:


  1. Server
  2. Content Elements



Before starting, please backup your website or blog first.

Server

In the case of a server, you can start doing the optimization by choosing a good place in terms of support and easy in performing server optimization. Do not let you get constrained because the rules of hosting providers that complicated this should be and this is limited. Let's start doing the optimization, and try to change your web to maintenance mode so as not to disturb the visitors.

Cache Browser

By utilizing the browser cache, you can trim loading for frequently loaded files like CSS, JS and images. The way it works is on the first visit the client browser will load the content from the server and will store in the browser cache, by storing the content in the browser cache then for the next visit the browser will not request content to the server but will load the browser cache.

The trick is as follows:

htaccess

By adding an expires header setting to the htaccess file, you can set the file type and cache time to last. In this tutorial I use the usual example settings and pass the Google Page Speed.

The code below tells the browser what files will be cached and how long to "hold" in the cache (local). Add to the top of your .htaccess file. Set how long the cache lasts according to the level of web updates in the "access 1 year" section, be careful not to set too long if your web update frequently.

Script htaccess

# Leverage Browser Caching
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType text/html "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 1 month"
</IfModule>
<IfModule mod_headers.c>
<filesmatch "\.(ico|flv|jpg|jpeg|png|gif|css|swf)$">
Header set Cache-Control "max-age=2678400, public"
</filesmatch>
<filesmatch "\.(html|htm)$">
Header set Cache-Control "max-age=7200, private, must-revalidate"
</filesmatch>
<filesmatch "\.(pdf)$">
Header set Cache-Control "max-age=86400, public"
</filesmatch>
<filesmatch "\.(js)$">
Header set Cache-Control "max-age=2678400, private"
</filesmatch>
</IfModule>

W3TC Plugin (W3 Total Cache) - WordPress

For those of you Wordpress users, you simply install and set the configuration as below:

» Enable preview mode in general settings to view results without having to be applied live (optional).
» Enable browser caching fixed in general settings.


Please go to the "Browser Cache" section and set it like the picture below (this setting is the same as web), you can try for other settings, maybe every web requires different settings.

Save all settings, click stop preview and click preview or deploy and reload the web. To test, you can use the Google Page Speed ​​and YSlow plug-in. Note the changes that occur between using plug-in with no or if necessary try to change some settings.
» After testing, deploy and disable previews so that the settings are applied to the live version. For the next you can test optimization on web provider web speed test.

Blogpsot

If you are a blogspot user, keep in mind that actually Web Admin get this trick on other web and after applying this trick, admin feel change that is not too mean or maybe not even work, considering Blogspot server is fast in content distribution. If you want to try, please follow these steps:


login to your Blogger account

Please go to Dashboard -> Template -> Edit HTML
Add the following script between the "< head >" tags:


Script HTML

<include path="/assets/**.css" expiration="7d" />
<include path="/assets/**.js" expiration="7d" />
<include path="/assets/**.gif" expiration="3d" />
<include path="/assets/**.jpeg" expiration="3d" />
<include path="/assets/**.jpg" expiration="3d" />
<include path="/assets/**.png" expiration="3d" />


Keep Alive

For those who do not know what is keep-alive, keep-alive is a technique that allows TCP connections to stay alive and helps reduce latency in subsequent requests, so latency is caused by always requesting a new TCP for each request, by making TCP live on will force it using the same TCP and avoiding the new TCP usage. More simply, the communication process between a web server and a web browser that says "You can grab more than one file at a time".

To implement keep-alive, you can first ask your hosting provider and have the keep-alive feature enabled. If you are having trouble doing so then there are some other ways described below (use one):

Script Apache


#
# KeepAlive: Whether or not to allow persistent connections (more than
# one request per connection). Set to "Off" to deactivate.
#

KeepAlive On


#
# MaxKeepAliveRequests: The maximum number of requests to allow
# during a persistent connection. Set to 0 to allow an unlimited amount.
# We recommend you leave this number high, for maximum performance.
#
MaxKeepAliveRequests 100

#
# KeepAliveTimeout: Number of seconds to wait for the next request from the
# same client on the same connection.
#

KeepAliveTimeout 100


Add the above script to the apache config file (if you are allowed web hosting provider).
Website using htaccess technique because it is not allowed config file configuration apache. After you have configured it, try testing on Google PageSpeed, GTmetrix or other web speed testing sites.

GZIP Compression

There are several benefits that we get by enabling Gzip compression, because this method is the most popular to load our site faster by reducing more than 70% the size of blog or web page. Now most web or blogs use Gzip compression.
htaccess
You can use htaccess to enable the Gzip Compression method, how to add the following script to your htaccess file.

Script htaccess

# compress text, html, javascript, css, xml:
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
AddType x-font/otf .otf
AddType x-font/ttf .ttf
AddType x-font/eot .eot
AddType x-font/woff .woff
AddType image/x-icon .ico
AddType image/png .png
W3TC plugin (Wordpress)
If you use Wordpress, then you just do the steps we've discussed earlier (browser cache). You just make sure the method is active or not by going to the Performance> Browser Cache .


PHP Scripts

We can also use PHP, by putting the following script at the top of the PHP / HTML script.


CDN

CDN (Content Delivery Network) or Content Delivery Network is a server network system to deliver existing content in an application / web to various visitors / users in various places so that data / content sent is received faster (data transmission does not have to be from a central server, but via the closest CDN).
In the picture above (extracted from gtmetrix.com) explains that with CDN, European users will be able to download static content via the closest CDN (located in Europe as well) so your site is faster because it does not need to download static content from the central server who are in America.

The problem is, as smart CDN buyers we have to be smart in choosing a CDN provider. Make sure the available space (CDN spot) meets our target market, the more it is not necessarily better, adjust to the level of needs of the area you want to reach.

Web stop the application of CDN, for wordpress users W3TC plugin has worked with one CDN provider and you live enable it If you have more budget you can consider this method because it is very significant results (from the experience of CDN users), please search on google the best CDN provider and please share your experience in comment field yes.

Content Elements

After the server has finished our optimization, then we move to the content. In this section we will do optimization that focus on the content, on the server that served in terms of content distribution is completed optimized, then by optimizing the content to be distributed will make web speeds increase very well.

Minify Script
The first part to be optimized is the script section in the form of HTML, CSS and JS (Javascript). This technique works by optimizing the script that will be used in the production site (used during live, open trial or debug).
When scripts are used in trial and debugging we will make our script as neat as possible by adding tabs, spaces and comments to make it easy to read and easy when handling script errors.

When the script is ready to use, then we can reduce the size of the script by removing spaces, tabs and comments. This technique is called minify, if you ever downloaded a script that when opened looks without spaces, the comment and feel stacked into a single line, then the script has been diminify.

Minify is not limited to one script file, if we have more than one CSS / JS script, we can combine all CSS / JS on one file and directly in minify (CSS and JS must be separated, join the like). To do this please follow the steps below:


Minify with Online Tool

We can use online tools such as jscompress.com, willpeavy.com/minifier/ and many others, live search on google. The way is quite easy, we just pastekan our script into the text area that has been provided and click submit, then the minify results can we use

W3TC Plugin (WordPress)

For wordpress users, we can use the W3TC plugin to do a minify, do the following:
- The first step please go to Performance> Minify.
- At this stage, we will play to optimize css and js in our wordpress, this second step to facilitate us in the selection of which files will be optimized, please click the Help button (Minify: Help Wizard) select the file, and end by click the Apply button & Close . Watch the picture after the help button is clicked. - The third step is to make sure the JS and CSS minify settings are enabled, if not you can check the combo box to activate it.

Blogspot User

For blogspot users, we can use manual techniques, namely by meminify with the Online Tool and reinstalled in the previous way.

Minify is the hardest part because we have to make sure the code in minify is not broken or keep running. We have to be patient in this stage, web nyekrip just managed to meminify little scripts, because many are damaged when all want in minify or join.


OPTIMIZING IMAGES

At this stage we will make the image in our website optimally well, we all know if the image is the main content that takes up space or space in the website because most of the filling in the web is the image. If we can optimize the use of images in the web then we've managed to reduce the server load so large.

There are several techniques that can be applied starting from reducing the size of the image by in-compress to utilize free cdn. About what steps we can take, please note the steps below:


Compress Image

Before you post a picture, you should first compress the image. Can use online tools or software, usually the image size will be reduced without unduly reducing the image quality.

Use Vector and PNG
If your web requires images that simply add illustrations and should not require real images or photos, just use a vector image and save as PNG. Because in this way, the image size will be very small and the image quality is good.

If you want to know how small the size is, please try downloading the header image in this article and check the image size.

Define Image Dimensions

The browser will start rendering the page before the image loads. If we have determined the dimensions (height and width) then the time it takes the browser in rendering will be faster. In this technique you can also use CSS to define image dimensions.

The trick is to use the <img> element, specify height and width.


CONCLUSION

For how to speed up blog website loading is not exactly simple, a lot of which must be optimized from the server side until the side of the elements that will be distributed. We do not need to do all the above optimization if some technique has answered the need.

This article will be updated if there is a new technique in speeding up the blog. If you have any questions, please fill in the comments field.

How to Track Outbound Links With Google Analytics

May 12, 2016 3 Comments

How to Track Outbound Links With Google Analytics



How To Track Outbound Links With Google Analytics - The success of a blog / website can be measured through several parameters. There are 3 statistics in google analytics that will help you create better content. can you One of the parameters that can be used is to know how many outbound links are clicked by visitors.

What is an outbound link? The term outbound link refers to a condition where the visitor takes action, that is, in the form of a click, on text, image, or an advertisement that is running. You may have been on an article page then look at the links recommended by the webmaster or blogger in question then you click the link provided in the article.

For affiliate marketers using outbound link tracking techniques is very useful to know how many visitors who leave your blog or website and to the link you recommend.

After you install the tracking code you get on google analytics dashboard do not forget to include the following code:


The above tracking code function is to track every outbound click on your blog / website.

Event is a separate tracking used to find out how visitors are interacting with visitors with web pages or apps. By using this event command you can track the download page, click on mobile device ads, gadgets, flash elements, and video playback.

To use this Event tracking you are required to create commands
  • category
  • action
  • label


For example I want to know if there are prospective buyers of products that I sell. The category I set is the outbound link. For the action you can create with the name of the click, then the label is the url address of the affiliate product.

For Event reports you can see in google analytics that is in the Behavior menu.

Note to you: The above code (event tracking) is not placed in the basic analytics code snippet. But you have to put it outside of the basic analytics code.

Additional notes: You must add the transport command: beacon in the tracking code above. Why? According to the guidelines of google analytics, when visitors interact with the link you provide the javascript code from tracking will be stopped. Transport command: beacons will provide a solution to that.

That's how I track outbound links with google analytics that I can share. I hope this helps.

How to Create an SEO Website Structure

April 22, 2016 Add Comment
In this tutorial is a continuation of the tutorial Reason Website Structure Affects SEO , blog will share some ways to create an SEO website structure. The tips below will help us in creating websites that appeal to visitors, so it will be easily crawled and indexed by google or other search engines, and generate the best SERP levels and rankings.

Let's discuss how to create a step-by-step website structure, Happy blogging!

Plan a Hierarchy


If we are just at the stage of starting a website, then we are in a good position to plan the structure of a good SEO website. No matter what method we apply in creating the web, make a plan to create a structure for our website. We can start by drafting on the board, spreadsheet program (Excel, Google Drive Spreadsheet), or other software like Visio or OmniGraffle.

A "Hierarchy" is nothing more than a way to organize our information, something simple but gives a great effect. The hierarchy will also be the navigation and structure of our URLs, so that everything important begins here (the most fundamental thing in planning the website creation).

Generally, the website hierarchy looks like this:


Link Flat Hierarchy / Flat


There are several points of hierarchy that must be remembered.

Make a simple hierarchy. Do not overdo or complicate this process. we want simplicity, both for our own benefit and for the convenience of crawlers and users. Each major category must be unique and different. Each sub-category must relate to the main category in which it is located.
Keep the number of main categories between two and seven. Unless our website is Amazon.com, limit it to not too many major categories. If we need more than seven, try to rethink, and subtract a little.
Try to balance the number of subcategories in each category. Basically, try to stay fit. If one of the main categories has fourteen subcategories, while the other major category has only three sub-categories, this can be unbalanced.
A website hierarchy is the starting point for a strong website structure. In the stage of how to create a website structure will begin at this stage.

How to Create a Website Structure (URL) Following the Navigation Hierarchy
The second most important thing in developing a strong website structure is the development of URL structures. If we have found a clear path through our hierarchy, then we should determine the URL structure is not too difficult. Because our URL structure follows our hierarchy.

So let's say our hierarchy looks like this:


URL structure


The URL structure for the "How to Backup Restore MySQL Database in PHP" location will look like this:



Our URL structure will be organized according to our web hierarchy. This means, clearly that our URL will have a clear address and words (not just symbols or numbers) in this way we can determine the appropriate keywords.

Create your web Navigation In HTML or CSS


When we are making navigation, make a simple and not too complicated in terms of writing, placement and words. HTML and CSS are the best media for making our navigation. Putting a navigation URL with JavaScript, Flash, and Ajax will limit the crawler's ability to navigate web navigation and hierarchy.

If we plan to create a website with CMS, please visit the tutorial "  List of Best and Free HTML5 Website CMS ".

Use a shallow Navigational Structure


The structure of our navigation will obviously follow the web hierarchy. But what needs to be ensured is that the important pages are not buried too deeply. web that has a shallow navigation structure will work better, both from a usability perspective and a crawler.

A web with a superficial structure (that is, which requires only three or fewer clicks to reach each page) is much more preferable than a website that has a deep structure (which requires a lot of clicks to view every page on the web).

Create a Header Containing the Main Navigation List


Our header should be filled with a list of important pages or pages. Look at this blog web, on the right side has been presented pages that are important, so here blog put the link above that is considered important by the user or crawler. Note the picture below:


Main Navigation


Adding a menu element other than the main category can be annoying and it's very unnecessary. If we have designed a parallax web, be sure to provide a prominent Header menu.

Moreover, if we also add dropdown menu by using the beautiful CSS effect, it certainly can improve the user experience, although it does not increase SEO significantly.

If you have a footer with a menu link, make sure to duplicate the main navigation link of our main menu in the footer navigation menu (this case if we minimal link). Do not change the order of the links or add additional list of categories, still make sure according to the concept, because it is feared will complicate the user and increase the number of links.

Developing Link Internal Structure
Internal links are the meat on the hierarchical bone of the website. Moz's article  has covered the internal links and contains three reasons why internal links are so important:

  • Allows users to navigate the web
  • Help build hierarchical information for websites
  • Helps spread link juice (power rank)
  • Each is directly related to the creation of a well-integrated web structure. 
  • It does not need to be too complicated in creating internal links. The basic idea is that every page on the web must have multiple links (containing links from other pages). Internal Links tells search engines which pages are important, and how to get there.


In website optimization, in addition to creating the right website structure, creating a responsive design is also an important first step, so please visit "  How to Create HTML Responsive HTML Template 5 ".

Conclusion

Similarly tutorials How to Create an SEO Website Structure . Creating the right Structure on the web is the right step for website optimization on search engines and attracts visitors. The best time to develop or build a structure is when you enter the web planning stage.

How to resolve sitemap Error In Google Search Console

February 26, 2016 Add Comment

How to resolve sitemap Error In Google Search Console

Google Webmaster Tools


Overcoming a sitemap error on google search console - Sitemap means literally a sitemap. Usefulness as a map that we know so far is to give an overview to the VISITOR about the area (read: content) that is currently visited at the site / blog visited.

Sites that have a good and detailed sitemap will be excellent for search engines like google. But why when submitting url in google webmaster even appear error  map your site look like html page. use official sitemap format?

How to resolve the sitemap error in Google Search Console?


Let's learn together.


If you are searching for something on the search engine then you will find that the word / phrase / sentence you are typing in the search field produces some sites containing the words / phrases / sentences you are looking for.

The word / phrase / phrase that you type is commonly referred to by keywords or keywords by bloggers and internet marketers and is their weapon in order to visit from you.

These keywords do not necessarily appear or are immediately pulled by google (or other search sites) but there is a mechanism that occurs when you are typing these keywords on a search engine.

The keywords appear on the search results page because they have previously been indexed by Google robots after the website or blog owner registers a sitemap owned by the managed site to Google Webmaster Tool (now called Google Search Console).

I guess if you already get the above error message no longer need me to explain what is Google Webmaster Tools.

Your concern now is how to resolve the sitemap error. Before I continue it is better I convey a message from Darren Rowse, problogger.net, that do not just use Google as a channel to get visitors.


In addition to google search console, other webmaster tools that can be used for the same thing as

  1. pinterest,
  2. yandex, and
  3. bing.


Why? His story is almost bankrupt because google I will discuss in other posts. This story is good for us beginner bloggers to know the risk of online business that rely on google and be aware of it from the beginning.


Continue to discuss your sitemap error map of your site looks like html page. use the official sitemap format that  some bloggers get after submitting urls in GWT.

We all know that Google is the most widely used information search site in the world. Almost every second there are people who use google to find the required information.

Without bloggers may google will lose its market, therefore google webmaster can be used for free by every blogger / webmaster in the world.

Going on the first page of google is a prestige of its own. In addition to pride, appearing on the first page will provide you with a great income through visits from those search sites.

Does a site appear on the Search Engine Result Page directly when someone is looking for information?

The answer is not at all.

In order for a site to appear on the google SERP page, the site must be registered in advance by the blogger / webmaster concerned through the following form.


Once registered google robots will crawl the site and then do the indexing in the database google. And this is not done manually but with the help of a robot or better known as Google Bot.

Google bot is a program that is tasked to search for information based on keywords (keywords) that typed by someone who then automatically robot other issued information based on these keywords in the google search results page.

The term indexing refers to the sorting of information by categories defined by Google as the owner of the robot.

Therefore you should follow the guidelines for webmasters that have been provided by google (or other search engines) so that your blog or website can always be visited by netizens.

In order for the website / blog can appear first page google the first step to do is register the site in google search console with the note:


Suitable format.


If you do not register a site map according to the format desired by each webmaster tools, then how will the webmaster robots crawl the content contained in the website?

This is the first factor I think why your site / blog is not on the first page on google?

Another factor can also be because there is a bad link between each page blog / site, or content blog / site you are too heavy (like the number of ad scripts).

If you register the site map correctly then when you login dashboard google webmaster tools will show the picture above.

HOW TO REGISTER SITEMAPS in Google Search Console
  • login with your Google account (gmail)
  • enter your blog address / site
  • Verify your ownership of the address of the site / blog that you input.
  • choose how to verify your site / blog. There are three options how to verify your site address is yours first by using meta tags,use the verification script on the body of the website / blog, or by creating a new page with the verification code title provided by google uploaded an html file, verified with the Provider of the domain name, using Google Tags, using Google Analytics.
  • After successful verification you will go to the Google Webmaster Dashboard page
  • select the Sitemaps menu (Sitemaps) located in the right sidebar then Add Sitemaps (add a sitemap)
  • in the Choose type feature select Add General Web Sitemap
  • For beginners this is where the appearance of your site map error message looks like a html page. use the official sitemap format.


What is an OFFICIAL SITE MAP by GOOGLE?

In the basic seo guide from google mentioned that sitemap is required for two types of visitors.

People who visit our site after they type a word / phrase / sentence on google site (or other search site) robot / crawler / spider (whatever the name will be). This is a system that crawls content on your blog / website to be indexed in search engine databases and displayed when a google search user searches for information with words contained in the content. To create a navigation menu that will be accessible to humans, you can find the guide in some tutorials that are spread over the Internet. In this article I focus on visitor robots where you get your site map error message  looks like html page. use the official sitemap format when registering the sites you manage.

If you read the webmaster's guide from google on this page , then you'll know that the site map is meant to be a site map for visitors to the robot. Visitors in the form of robots from this search engine are not visible. And they crawl your site in its own way and schema (which is set by google or other search engines).

These robots follow the protocol set for them. To find out more about how to complete the crawl command you can visit the robottxt.org page  .


I am not explaining in more detail how search engine robots work because of my lack of it in the field, but the core I get using sitemaps with the .html extension is not the site map that this invisible site visitor wants.

Especially for unseen visitors (robot / bot / spider / crawler) sitemap format that can be crawled by google robots or other search engine robots sitemaps that are in the following formats:

  • XML
  • RSS, mRSS, and Atom 1.0
  • Text
  • Google Site

I will only cover two formats: the xml sitemap format and the RSS sitemap format , mRSS, and Atom 1.0 . Why only two? Because as long as I am blogging I use only two formats in submitting sitemaps to webmasters (Google Search Console).

And both are seamless to be listed in Google Search Console and Bing Webmaster.

# 1 XML, Standard Sitemap


The standard sitemap I've been viewing and submitting to the webmaster is the XML format. Both blogs that are hosting on blogger.com or hosting on wordpress.com site map used is this type.

If you are curious how the form of site map hosting in blogger or wordpress add /sitemap.xml behind the address of the blog or site that you manage.

Example:

1.1 Sitemap Blog Hosting at blogger.com
The blog address you get from blogspot is namablog.blogspot.com, so to get your sitemap just add /sitemap.xmlbehind the address. The result is as followsnamablog.blogspot.com/sitemap.xml

1.2 Sitemap Blog Hosting at wordpress.com
Like a blog that uses blogger.com (blogspot) the address you get in free wordpress hosting is namablog.wordpress.com. So to get the official sitemap you just add /sitemap.xmlbehind the blog address. Like this namablog.wordpress.com/sitemap.xml.

Easily get a site map if you are hosting on blogspot or wordpress? What if you selfhosting? How to create a sitemap? Later I will discuss below.


# 2 RSS, mRSS, and Atom 1.0


Both blogspot and wordpress have applications grown called RSS (Real Simple Syndication), mRSS (RSS media). For Atom 1.0 only bloggers are up to now still using.

This RSS will provide the latest URL information on your blog or website. The way you get a site map with this format on blogspot blog is as follows.

For wordpress you can see the RSS icon contained in the footer of your blog. The format is as follows.

I think you already know the sitemap error solution. In order to our understanding I will describe how to solve the error sitemap in google webmaster tools.

How to Overcome Sitemap Error in Google Search Console
How to solve the error sitemap that appears when registering your blog site map as follows:

Overcoming Sitemap Error If Using Blogger.com
If you use sitemap blogger.com site you enter into google search console format like this

urblog.blogspot.com/atom.xml
or
urblog.blogspot.com/sitemap.xml

Overcoming Sitemap Error If Using WordPress.com
If you use wordpress.com site then the sitemap you enter the format should be like this


Conclusion

As a beginner in a field that has never been studied seriously, a mistake is an investment for success. Do not because it can not register on the site map in google then we then backed down.

Precisely most successful bloggers, even those who already have their own business through managed blogs, do not stop to always learn. Because when a person feels enough, that is the beginning of his destruction.

The late Steve Jobs advised students at a graduation ceremony, Never feel full, try to always feel hungry. Or about so the message. CMIIW.

Learning self-taught is not why, but having a strong community will make better practices and results.


10 On-Page SEO Tips

January 26, 2016 Add Comment

10 On-Page SEO Tips


Search Engine Optimization or SEO abbreviated has changed significantly in the last few years many changes have been made by Google in their search engine algorithms (I did not include Bing and Yahoo! search due to their lack of users in Indonesia). When you go into 2015 and see the organic traffic growth of your website, what will be the most important for you to use for on-page SEO?

On page SEO


Here is a list of on-page SEO techniques that you may already use but are still an important item by 2015 and also some new developments in SEO that you should consider in your strategy. Include These On-Page SEO Tips In Your 2015 Strategy:


Optimize Your Site At Around One Keyword Or Topic

The days of " keyword stuffing " or the buildup of keywords on a site have indeed passed, but you still need to keep your site pages optimized around one central idea and keyword. Keywords will appear on important elements on the page such as page titles, heading, alt text images, and naturally across the page copy, but you still have to ensure the consistency of each keyword to be read by humans, not search engines. Web sites built on keywords for search engines are just waiting for their destruction.


Remember That Keywords Are Important But Not Verbatim

Given that Google announced in 2014 that their paid search service, AdWords, no longer relies on exact keywords, but also co-varieties of keywords, it is likely that the same applies to organic searches, even though it has not been explicitly announced. Keywords no longer need to be exactly the same variations as they appear in the keyword tool. For example, plural keywords, "inbound marketing tactics," are equivalent to "entering a marketing ploy" in a single form with ADWORD's new targeting strategy. Also, even if a searcher misspelled, Google will still help them find your website even though keyword variations are optimized on your site.

URL Structure Should be Short, Descriptive, and Help To Group Your Website

URLs are one of the first things search engines use to rank pages, which is why it is so important to make your URL easy to crawl. You can do this by keeping the short URL (this is also useful for UX), aligning it with page and keyword topics, and ensuring that URLs help you to categorize your site pages.

Recommended by Seorank Newbie for you: Learning SEO: Meta Description Tag.

Optimize Page Title

A title tag used by search engines to display pages in search results and can also be found at the top of your browser. The title tag tells the search engine and searchers what the page is about. Since Google will only display between 50-60 characters in the title tag, you should keep the title tag under 55 characters and try to encourage people to click with an interesting copy. You should also place keywords or topics towards the front of the title.

Make the most of Heading Tags

Title tags should clearly tell readers and search engines about page topics. A search engine is able to identify the post when it is marked with text bracketing within the page's HTML (Note: If you have CMS or COS like Hubspot or WordPress, this is usually encoded in the background). Title tags help inform search engines the importance level of content by using also <H2> and <H3> tags. You can check the current title tag of your site by looking in HTML view.

In addition to what you should do with title tags, you should also avoid some things including:
Avoid using generic terms like "Home" or "Product"
Do not put important information that you may have as an image.

Optimize Image Alt Text

While you do not have to hide your title tag in photos, you still have to give search engines more chances to link to your website by adding keywords on alt text images and filenames.

Grow Natural Links

Google continues to use natural, quality inbound links as a major ranking factor. By 2015, you should monitor inbound links to ensure that they continue to grow and that inbound links come from quality websites.

Increase Site Speed

Site Page Speed



Since 2011, Google has made it clear that the speed of material sites in search rankings, and today, with greater emphasis on the user experience than ever, site speed will continue to be an important ranking factor. Users do not like to wait, and we become more and more accustomed to load times, which means your site will be left in the dust when users have to wait. There are several important things you can do to speed up the site speed:

  • Speed ​​of test sites using Google or built-in CMS tools like used in Hubspot
  • Make sure your web server can handle your company size and website of your needs. Overloaded web server can slow loading time.
  • You may also find that one of the following causes is slowing down:
  • Video or embedded media
  • Using multiple images
  • Uncompressed images to minimize pixels before uploading
  • clunky coding
  • Using lots of plugins
  • If you suspect anything above causes slow load times, you can find experts to help clean up the site or minimize their respective usage.


HTTP Vs. HTTPS: Why They're Important

With a huge push to make the web a safer world, Google has begun to emphasize the importance of using HTTPS. While many sites traditionally run on Hyper Text Protocol (HTTP) transfers, Hyper Transfor Protocol Secure (HTTPS) ensures that the website is encrypted and can not be hacked. With Google beginning to test the water in using HTTPS as a ranking factor, it will be important to secure your website with HTTPS by 2015.

Implications of Mobile Search

With nearly 40% of the organic traffic coming from mobile devices in 2014, it should come as no surprise that mobile-friendly websites will rank better with Google. To make sure your moves are optimized, you should avoid common mistakes portrayed by Google including corrupted redirects, only 404s phones, media, and slow mobile phone load times blocked.

While it may feel like Google is trying to make our work as marketers go more difficult, they end up wanting to provide the best user experience, which should be the goal of your site as well.