Blog

How to fix hreflang conflict issues?

How to fix hreflang conflict issues?

What is hreflang?

hreflang is a tag attribute tells google search engine which language you are using on a specific page and serve results based on the searcher’s country and language preferences.

Code Sample :

Code Sample :

<link rel=”alternate” href=”http://example.com” hreflang=”fr” />
<link rel=”alternate” href=”http://example.com/fr/” hreflang=”Nl” />

 

Where the Hreflang Attribute Goes?

  1. using link elements in the – HTML hreflang link elements in your <head>
  2. using HTTP headers – The second method of implementing hreflang is through HTTP headers. HTTP headers are for all your PDFs and other non-HTML content you might want to optimize.
  3. or using an XML sitemap -The third option to implement hreflang is using XML sitemap markup. It uses the xhtml:link attribute in XML sitemaps to add the annotation to every URL.

 

Very common issue, we unaware about it:

– If we are not following trailing slash it will create hreflang conflict error when you analysis your website SEO.

Ex: https://example.com/about and

https://example.com/about/

Both URL’s are looking the same but we missed trailing slash on first one. So we should use trailing slash in all url to avoid hreflang conflict issue.

 

Ex: https://example.com/about/ and

https://www.example.com/about/

Both links are looking the same, but we missed www. on first one. So we should add www in all url to avoid hreflang conflict issue.

 

Above two hreflang conflict issues fixed by using .htaccess file as like as follows

    # Basic WordPress
    RewriteEngine On
    RewriteBase /
    RewriteRule ^index\.php$ - [L]
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule . /index.php [L]
    
    # Force https 
    RewriteEngine On
    RewriteCond %{HTTPS} off
    RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
    #Force www
    RewriteCond %{HTTP_HOST} !^www.quadrus.be$ [NC]
    RewriteRule ^(.*)$ https://www.quadrus.be/$1 [L,R=301]
5 Best Magazine WordPress Themes Of 2019

5 Best Magazine WordPress Themes Of 2019

Are you in search for the best Magazine WordPress themes for your website? Then, yes you have reached the right destination as we are a one-stop-shop for all your WordPress theme requirements. Magazines themes are ideal for all types of content related websites such as community, news, online magazines, blogs, etc., Here, we have brought to your notice some collection of best magazine WordPress themes for all your website need

Look below the awesome collection of best Magazine WordPress Themes for your business

Netube

Netube – Viral Video Blog / Magazine WordPress Theme

Netube is a viral video blog or Magazine WordPress theme which help you to create a unique and powerful website for whatever niche you are into. Our theme is constructed with unlimited theme layout variations, dozens of shortcodes, competent tools and powerful premium plugins. Netube is packed with unlimited innovative features which also offers various color options, fonts, widgets, and powerful plugins. All our themes are completely responsive and highly customizable

Core Features

  • Responsive Mega Menu
  • Custom Fonts
  • Compatible with major browsers
  • MailChimp Integrated
  • Contact Form Integrated
  • Custom sidebar

Xmazine

Xmazine – WordPress Personal Blog & Magazine Theme

Xmazine WordPress Personal Blog & Magazine Theme is a created with more innovative, cleverly coded and feature-rich theme. It is easy to customize for all kinds of blogs, news, newspaper, magazine, publishing or review site needs. This Theme has been build with its unique power of design and elegant layouts. This theme comes with fully bootstrap supported layouts, supports videos from youtube and Vimeo and features a rating system. The theme is integrated with bbpress, BuddyPress, Woocommerce. It also includes all major aspects like RTL, Responsive, Performance

Core Features:

  • Included Megamenu
  • Perfect clean code for your convenience
  • Cross-browser compatibility: Chrome, FireFox, Safari, Opera, IE10+
  • Totally responsive design with choose option
  • Unlimited Layouts to choose from
  • Font Awesome Icon, Line Icon& Flat Icon Integration
  • Parallax Image/Video Slider

Independent

Independent – Multipurpose Blog & Magazine WordPress Theme

Independent is a feature-rich Blog & Magazine WordPress Theme. This theme is apt for building websites of all kinds which include a blog, news, newspaper, magazine or any other related websites. This theme has been build with its unique power of design and elegant layouts. This theme comes with bootstrap supported layouts. The theme supports videos from youtube and Vimeo and also features a rating system. The theme is integrated with bbpress, BuddyPress, Woocommerce. It also includes all major aspects like RTL, Responsive, Performance, Ajax and even more options which is essential for building an article or blog website

Core Features:

  • 16+ pre-made demos
  • Bootstrap Framework
  • Advanced drag and drop header
  • One-click demo installer
  • Ads ready ( place ads where ever you need)
  • various post formats
  • sticky sidebar
  • Various banner/slider formats
  • 25 custom widgets

Newser

Newser – The Multiuse Drag and Drop News/Magazine WordPress Theme

Newser is  Magazine WordPress theme which is created with more Innovation and clever codes. It is easy to customize for all kinds of blogs, news, newspaper, magazine, publishing or review site needs. Newser has been build with its unique power of design and elegant layouts. This theme comes with fully bootstrap supported layouts, supports videos from YouTube and Vimeo and features a rating system. The theme is integrated with bbpress, Buddy Press, Woo-commerce.

Core Features:

  • 12 Category Templates
  • 13 Newser blocks ( Unlimited possibilities with each block )
  • Unlimited Post Templates
  • Bootstrap Framework
  • News Ticker – Place where ever you want in a website

Don’t wait !! Just download our beautiful and feature-rich theme and start your website right away

Top four domain registrants in 2019

Top four domain registrants in 2019

All the websites that we are developing need a domain name irrespective of the size of the website

Domain names can be purchased only through the domain registrants.

As there is an increase in the number of domain registrants there is always a confusion about deciding the best domain registrant which suits our requirements

Below given are the top five domain registrants in 2019 which you can consider to book your domain name

Godaddy

Godaddy is one of the most popular one for registering a domain name. They manage a larger number of customer base. They provide a various domain extensions to choose from. Their price is quite competitive however support wise they are good.

Their interface is quite good but they have too many upsells during the checkout process which might confuse a layman. ICANN accredited domain registrant.

For wordpress hosting they provide 1-click-installation service where you can set yourself free from undergoing the hassles of manual WordPress installation

Namecheap

Namecheap is considered to be one of the best domain registrant. It is fully accredited with ICANN. The price is quite affordable and  the support is quite awesome.

They offer domain add-on service like premium DNS and domain privacy. The main highlight about Namecheap is they offer free domain privacy with all their domain names

Their domain management panel is simple and intuitive. They also offer free domain email forwarding.They offer 1-click-installation of WordPress with their hosting plans.  They offer managed WordPress hosting and VPN services to retain your privacy

Bluehost

Bluehost are more famous for their hosting plans than as a domain registrant. They are also considered to be one of the best domain registrant. If you require all your hosting and domain name at one spot then Bluehost is a good choice

Their interface is very simple and makes registering a domain name with Bluehost is very intuitive. Their package make sure you get everything to get your website up and running.

Bluehost is one of the official WordPress partner.They also offer discounts on web hosting plans if you choose a hosting plan with them

Hostgator

Hostgator are also best known for their hosting services. But apart from that they also offer domain registration services. They have a domain name search tool where you can search your preferred domain name

Their interface is quite simple where you can easily manage your website through control panel.If your are just at the starting phase Hostgator would be a great choice.

They have a well documented domain management area with control panel for each account. They also offer free auto SSL certificates combining with Let’s encrypt.

How to Update Zozothemes WordPress themes with the Envato Market WordPress Plugin?

How to Update Zozothemes WordPress themes with the Envato Market WordPress Plugin?

Backing Up Themes Before Updates

If your current theme version is out of date and you want to update the theme to the latest version, the Envato Market wordpress Plugin will help you with that process as well. But remember: It will replace all your current theme files with the ones from the new version; so if you’ve made changes to a theme file (instead of creating a child theme), you might want to back up your current theme files beforehand. Or you could just let the Envato market wordpress Plugin do it for you automatically.

Install Envato Market WordPress plugin

The plugin can be installed from a ZIP file via the WordPress Dashboard.

  1. Download the ZIP file from here.
  2. Login to your WordPress Dashboard
  3. Go to Plugins > Add New
  4. Click “Upload Plugin” at the top
  5. Upload the envato-market.zip file
  6. Once installed, click “Activate Plugin”
  7. Visit the new “Envato Market” menu item

The Settings Page:

The plugin Settings Page allows you to configure your Envato API Personal Token. This API Token is generated from build.envato.com and will allow WordPress to securely receive item updates.

Theme Updates:

Once the Envato API connection is made from the Settings page, a list of available Themes will be shown. This will list all WordPress Themes that have been purchased through the Envato Market / ThemeForest. Any available theme updates can be applied here (or from the standard WordPress update page or WP-CLI).

Plugin Updates:

Once the Envato API connection is made from the Settings page, a list of all purchased WordPress plugins will be made available. Now any purchased plugins can be installed or updated directly within WordPress.

Plugin Updates:

Once the Envato API connection is made from the Settings page, a list of all purchased WordPress plugins will be made available. Now any purchased plugins can be installed or updated directly within WordPress.

Why Choose the Bootstrap CSS Framework?

Why Choose the Bootstrap CSS Framework?

For those of you, who like me have been developing websites for few years, we tend to use similar chunks of CSS code that we copy paste from project to project. Bootstrap is new trend technologies for web creation.

Those of you who are more organized may have developed your own set of base CSS files to use as foundation for your projects. This method works, but let’s face it, this is not the most efficient way to do things.

Creating a CSS framework that is flexible, follows latest standards and is thoroughly tested takes days of work and could become a project in itself. Most of us don’t have time to do this.

To make matters worse, with the rise of mobile devices, making responsive websites and keeping up with the latest technologies is time consuming.

Bootstrap and CSS frameworks

Designers need a solid foundation that gives us almost everything a typical website would require but is flexible enough for customization. Thanks to hundreds of hours spent by some developers and companies, we now have dozens of CSS Frameworks to choose from.

Among all the available CSS frameworks out there, Bootstrap is my favorite and also one of the most widely used. It’s included by default in Joomla 3, and is wildly popular amongst WordPress and Drupal users. In the last 3 years, Bootstrap’s popularity grew over 1,000% and has become by far the most popular CSS framework.

So why should you choose Bootstrap? Watch this video below, and then we’ll give you 6 great reasons to use Bootstrap:

https://www.youtube.com/watch?v=WpzT-pTImyo

Reason #1. Easy to get started

CSS Pre-processing is great and every front end developer should learn it. However not everyone is using it. There are still many designers creating and managing CSS files the same old way. Bootstrap offers LESS files for those of us who know how to use it, but it also provides the plain old CSS file for those don’t want to use CSS pre-processing.

To take advantage of what Bootstrap has to offer, you just have to download the files from GetBootstrap.cometBootstrap.com and after unzipping, include the files in the head of your HTML document.

This example HTML document includes the bootstrap framework with its default styling and every single components and JavaScript plugins.

Reason #2. Great grid system

Bootstrap is built on responsive 12-column grids, layouts and components. Whether you need a fixed grid or a responsive, its only matter of a few changes. Offsetting & Nesting of columns is also possible in both fixed and fluid width layouts.

Another useful set of features are the responsive utility classes using which you can make a certain block of content appear or hide only on devices based on the size of their screen. Very handy when you want to hide some content based on screen size. Adding a class such as .visible-desktop to a element, will make it visible only for desktop users. There are similar classes for tablets and phones.

https://www.youtube.com/watch?v=ceNe37KIjPY&t=1s

Reason #3. Base styling for most HTML elements

A website has many different elements such as headings, lists, tables, buttons, forms, etc. All these fundamental HTML elements have been styled and enhanced with extensible classes.

The HTML elements for which styles are provided are:

  • Typography
  • Code
  • Tables
  • Forms
  • Buttons
  • Images
  • Icons

Reason #4. Extensive list of components

Whether you need drop down menus, pagination or alert boxes, Bootstrap has got your covered. Styling of every single element follows a consistent theme and if you know LESS, then customizing it takes just few minutes.

Some of the components pre styled are:

  • Dropdowns
  • Button Groups
  • Navigation Bar
  • Breadcrumbs
  • Labels & Badges
  • Alerts
  • Progress Bar
  • And many others.

Reason #5. Bundled Javascript plugins

The components such as drop down menu are made interactive with the numerous JavaScript plugins bundled in the bootstrap package.

If you project requires sliders, tabs, accordions, then you no longer have to try and test numerous different plugins across the web. Adding these functionalities is just a matter of adding few lines of code and you are all set. With the customization option you can also choose only certain plugins to keep the file size to a minimum.

Reason #6. Good documentation

Not only does Bootstrap offer styling for almost every element a typical website or web application requires, it also provides a great documentation with examples and demo that only make it more easier for even someone new.

Conclusion

You might be happy with your current custom CSS library, but try using Bootstrap for one project and am sure you would ask yourself how you managed all these years without it.