Hosting Article

Several Tips to Make A Responsive Web Design

Emilyn Hosting Article

Best Cheap ASP.NET Hosting | Since smart new gadgets such as tablets, smartphones and phablets with advanced operating systems like Android, iOS, Windows Mobile appeared on the worldwide market, web designers and web programmers came with a new type of design for website because these new gadgets have different sizes of displays so a website cannot be 100% compatible with different resolutions. This new design is called responsive web design and contains HTML also CSS code that improves the functionality and especially the design of a website for any type of device. A responsive web design has so many advantages, one of the benefit is responsive web design can affect your SEO ranking. So, in this article, we will share to you some tips to make a responsive web design.

How To Make A Responsive Web Design

How To Make A Responsive Web Design

Tips 1 – Test Your Website

You can test if your website is Responsive Web Design using Matt Kersley’s tool, where you can see how your website looks for gadgets that have the following width 240, 320, 480, 768 and 1024. Another very good online responsive test is ResponsiveTest.net that lets you do test any resolutions not only the default ones and you also have the possibility to rotate or to test for a specific website such as different versions of smartphones.

Tips 2 – Write a Code For Different Screen Resolutions

For each type of mobile gadget you can write at least one line of CSS code to improve website’s design so usually, you start the CSS code for RWD writing the resolution in pixels like in this example:

Portrait Tablet

Landscape smart phone

Portrait smart phone

Enter this code depending on each object under the line of the CSS code on your website. Normally you need to reposition and shrink objects from your website in a manner that they don’t overlap so people from small smartphones or bigger ones can see your content in a proper way, but sometimes you may want to change the color or the entire design of an element for different browsers or devices, like this:

Tips 3 – Use A Framework To Make Your Website Responsive

If you need a quick solution for a responsive web site or if you don’t have the proper knowledge to create the responsive CSS code you can always try one or more available free responsive frameworks such as:

Twitter Bootstrap

Twitter Bootstrap was created especially to have a great look and also to behave properly in the latest smartphones, tablets, laptops and desktop browsers and other programs that navigate through the internet. You can download either the source code, either the compiled version and unzip it and upload it to your FTP root directory.

Semantic UI

With Semantic UI, you can design quickly beautiful websites because it is friendly, it has concise HTML, intuitive Javascript, simplified debugging, more than 3000 themes, 50 UI components, and 5k commits and it partners with most popular libraries such as JQuery. To use Semantic UI, you need to download the zip archive, unzip it and upload it to your FTP or you can directly install it using the NPM package.

Foundation 6

Foundation 6 is flexible, 100% customizable, readable, semantic and constantly updated including HTML templates, resources, code snippets and so on. You can use Foundation to create sites in HTML, CSS, and JavaScript, to create emails using HTML or apps using Angular and Flexbox.

Pure

Pure is a not so popular framework created by Yahoo in 2013 but still it has a very beautiful design and a 10k stars popularity on GitHub. Its advantage is a small size and also being responsive so the base is 1.1 KB, the grids are 0.8 KB, forms are 1.5 KB, buttons are 0.8 KB, tables 0.5 KB and the menus are 0.8 KB having a total of just 4.0 KB, but the non-responsive version has even less 3.8 KB. You can create responsive layouts in different colors such as black, purple, orange, blue, green, gray, yellow, red or indigo. You can use Pure by downloading it or checking out Yahoo’s free CDN and using an HTML code.

UIkit

UIkit has autocomplete functions for IDE’s such as Sublime, PHPstorm or Atom, helping more advanced programmers to create a theme, a style, a layout or a project. You can use UIkit to create different layouts using grids, panels, blocks, articles, comments, utilities, flexes, covers; various navigations using navs, navbar, subnav, breadcrumbs, paginations, tabs, thumbnavs; a lot of elements with lists, descriptions, tables, forms or common things such as buttons, icons, badges, alerts, thumbnails, overlays, columns, texts, animations, contrasts. With its JavaScript, you can use Dropdown, Modal, Off-canvas, Switcher, Toggle, Scrollspy, and Smooth scroll.

How To Keep Your WordPress Site Secure (Several Mistakes To Avoid)

Emilyn Hosting Article , ,

Best Cheap ASP.NET Hosting – WordPress is very popular software, which powers millions of website worldwide. When starting WordPress website, maybe the last concern of every webmaster is security. If you can’t keep your website safe, you will be losing business and all your hard effort can be ruined in just a second. The development team of WordPress is constantly maintain and updating the software to improve and fix all security issues. With all this great effort and time that is dedicated to WordPress, there are still lots of mistakes that webmasters commit. In this article we will present you how to keep your WordPress site secure by knowing the most common WordPress security mistakes that can make your website a victim in this endless ocean of cyber-crime.

How to keep your WordPress site secure

Outdated Core And Plugins

WordPress is very well built and tested software, however there are some versions where is a tiny security hole in the source code that can represent a high risk for many websites. You should pay attention to the back-end of your wordpress site, and whenever there is any news about security update of the core software you should perform and update right away.

It is  important to keep an eye on the plugins as well. These can also represent a risk to your website if any of them has a vulnerable code. If there is a new version available for any of the installed plugins, do not hesitate to update. These updates will usually take couple of seconds only.

Bad Web Hosting Provider

If you are using WordPress you should pay extra attention to the web hosting provider you choose. If you choose an unreliable hosting provider, most likely you will end up switching to a new host after you go through a lot of problems. If the people who are behind the hosting company do not have the necessary experience and knowledge to secure and optimize their servers, even if your site is running on latest version, it can still be hacked. Another problem that comes with poor hosting is that your website will always be slow, due to poorly optimized and configured servers and old hardware, and website visitors will never return to a slow site. So make sure that you pick a hosting provider that supports WordPress and has all the necessary tools to help you with installation, security and updates.

Use Of Default Admin & Generic Password

This is the most common mistake that is exploited by hackers. In many cases, WordPress sites are developed offline, and because the developers don’t want to spend much time on website setup and can easy forget complicated password, the choose to go with the simple admin/123456 combination. After the project is finished, it will be transferred online, everyone is happy that the website is finished and works as the client wants but nobody cares about changing the login information. Another common mistake is when users use their birth day date, name family member names as password, because it is easy to remember. They also link their website to their public facebook profile, where all this information is available. Guess what will happen next.

To be safe, you should change the default admin user and if you can’t come up with a strong password, use an online password generator that will create a unique password for you. Do not use the same password on all of your websites, social or email account. This way if one of your accounts get compromised, all others will be safe.

Malicious Plugins And Themes

t is phenomenal, that WordPress has so many contributors and that there are so many people out there who are willing to spend their time to develop free plugins and themes. There are, however, many cases when developers abuse the system and they insert “features” to the add-ons that are actually bad for the user. For instance there are theme provider websites, that force links into the themes and you cannot remove them. Having links on your website is all right, however if you have unrelated links in the footer of your page, could result in a penalty from Google.

To avoid this you should always download wordpress themes from trusted websites. Plugins are also abused, there are cases when a plugin opens a back-door to hackers to access your website, in other cases a plugin will insert ads on your site or even change your ads. If you are downloading free plugins, always use plugins from WordPress.org because these plugins are verified and tested.

Some Tips To Keep Your WordPress Site Secure

Use of security plugins
Install a security plugin to your website. For example Wordfence, is one of the best security plugins for wordpress, which not only will scan your website but will also provide protection against bots, malicious activity and hackers. It will also make your site run faster.

Sucuri.net
This is a globally recognized company in terms of website security. This service can be easily integrated to any wordpress site, by installing their plugin. The Sucuri service provides lots of security features to your site: security activity auditing, malware scanning, blacklist monitoring, post-hack security actions, security notifications and firewall as well.

Two factor authentication
These types of plugins are also a great defense against brute force attack. While you login to the wordpress admin area, you will receive an email with a link to verify your identity. Once you are verified, you can login to your wordpress site by only entering your password next time. However if you try to login from another device, you will again go through the verification process.

Captcha authentication
Using a captcha plugin for the admin login area will prevent brute force attacks. This is the most common type of hacking, it is usually done by a software, which tries to login to your site with different usernames and passwords.

Remove version and generator name
By adding two lines of code to the function.php of your theme, you can remove the wordpress version number from the source code, and even the generator name. Hiding these information, hackers will find it more difficulty to figure out what software and what version you are using for your site.

Bounce Rate: How It Can Affect Your Website and SEO?

Emilyn Hosting Article ,

Bounce Rate: How It Can Affect Your Website and SEO? | Is it good or bad to have a high bounce rate?Bounce rate is calculated upon the total number of visitors for a certain period of time divided with the visitors that leave the website and never return. In this article, you will find out how bounce rate can affect your website and SEO. We will also show you some examples of bounce rates for different type of websites.

How Bounce Rate Can Affect Your Website and SEO

What Kind Of Bounce Rate That Is Good For Your Website?

As mentioned before, the bounce rate depends very much on the type of website you have. For example, if you have a landing page with a call to action such as subscription form or add to cart button, most likely the bounce rate will be around 90%, because the majority of visitors will leave the page in a way or other (hitting the back button or making the purchase) and only few visitors will return to your page later. News portals and content websites can have lower bounce rates around 30%, because users tend to come back again and again to look for new information. This infographic designed by Kissmetrics is a very good presentation of bounce rate for different website types and industries.

Should you be concerned about high bounce rate? Should you bother trying to improve the bounce rate of your site? Well, you should definitely do something about it. For instance, you are running a blog about web design inspiration that receives 1000 hits per month. You bounce rate for this website is 80%, which means that 80% of your visitors (800 people) come to your page, get the information they need and never come back. From this you can already conclude that a lower bounce rate is what you should achieve. High bounce rate can be caused by lot of things: your users are unhappy with your website look (if you are having the same design for years and do not upgrading it to latest standards it can be a problem), the content is not as good as visitors expect (short, irrelevant content can also cause high bouncing), the website is hard to navigate (missing navigation or broken links will lead the user to leave your page). You should consider fixing, reworking your website and make it user friendly.

A high bounce ratio can also greatly affect your SEO work. Google is built in such way to detect how much time users spend on your website and can also calculates the bounce rate. A high bounce rate will tell Google that your website does not provide value, it has low quality content, and users do not like it. So, there is no reason to give as much importance to your site, listing it lower on the search results.

How To Decrease Bounce Rate Of Your Website?

The first thing you should do to decrease the bounce rate is to install Google Analytics to your website. This is a free tool provided by Google that will tell you exactly how people are using your website, how much time they spend on it and what is the exact bounce ratio. Once you have enough information, and you understand visitor’s behavior and you know exactly who your audience is, you can make the necessary changes to your website.

Improving navigation, design, speed, adding more valuable and informative content can greatly reduce the bounce. While around 50% or web users will use a smart phone or a table to navigate on the internet, you should consider making your website responsive.

As you can see, bounce ratio can be decreased easily if you know how to do it. As the web evolves, users may have different needs while searching for information, so most likely methods that worked in the past are not working anymore, so websites should also evolve and adapt to satisfy the visitor. Whatever the design or the content is causing the high bounce rate, you should urgently take action and make the necessary changes to keep your website interesting providing value to the user. This way you will not only convert new visitors into leads but your old users will also check back frequently, keeping the bounce at low level. Hopefully this article helped you to consider working on the bounce rate of your site and you understood how important is to keep it at a very low ratio.