Since google announced Mobile First Indexing in November 2016, EXAI started working on a solution that will provide millions of businesses around the world with a mobile friendly version of their website. Exai, through their innovative technology of website conversion into mobile friendly website, found a way to create a beautiful mobile version of your existing website without destroying the SEO or the look and feel of the desktop version of your website. 


After the migration process ends, you are given the possibility to update both desktop and mobile version from one CMS. When you wish to apply an update, you only need to edit the desktop version and Exai’s automatic mobile conversion will automatically apply the changes on the mobile version. You can also apply changes manually to the order and the look and feel of the mobile version. 


With Exai’s website builder all of the technical elements are set aside for a more user-friendly mobile experience in order for you to get the perfect result every time. As an end result, you get a mobile website with the following technical specifications, giving you the top of the line CMS architecture and innovation. 

Get closer to your success!

transfer your website to EXAI

TECHNICAL DESCRIPTION

1. Customize-able Mobile editor  

What it does: This is to allow having a different look and feel for widgets/backgrounds on the website (With accordance to no. 9) and their order on the mobile web page. It  allows flexibility in the design for mobile devices and their conversion rate by having small CSS /JavaScript changes on the page, as well as changes in the order of the html elements. This way custom modifications can be made to fit better with business needs.


Why it is needed: Improves results by placing important content first.

2. Auto creation of Flexible Dynamically Served HTML of Mobile Elements Adaptation  

What it does: An algorithm to take the desktop order of elements on the page , and rearrange them according to predetermined logic on the mobile page. Custom changes in logic order are allowed for the mobile view (See no. 1) - intended to fit the webmaster's business needs (Unlike common non modifiable responsive websites) - sufficiently reducing the overall transfer process.


Why it is needed: Reduces the time and cost to update the mobile version.

3. Space formatting from desktop to mobile adaptation  

What it does: An algorithm to clean unnecessary spaces that exist for sole design purposes on desktop. From a mobile first design approach these spaces are harmful (For ex.  300 px side space planned for a 1920x1080 desktop screen would make the elements on a 360x640 smartphone unreadable)


Why it is needed: Makes any mobile website look like a million dollars

4.SEO parameters automated conversion for mobile & Web  

What it does: All SEO details: paths, titles, descriptions, keywords, alts can be transferred automatically to the new website for both mobile and PC version of the site. For a ranking site this process will be done fully automatically. For a non-ranking site EXAI's AI will attempt to make improvements on the pulled meta information.


Why it is needed: Keeps your on-page SEO intact and improves your ranking at the same time.

5. Adaptation of general site data into immediate call to actions  

What it does: Brings customers to businesses. General info provided by the website owner generates Click to Call, Click to Email & Click to Navigate options on the top bar of the mobile site. This allows potential customers to call, email, find directions to the business improving their overall mobile experience (Which according to Google's research increases the amount of sale cycles).


Why it is needed: Establishes instant contact by potential clients.

6. Web Font Utilization for same view across different browsers  

What it does: Using a downloadable package of web fonts formatted to look identical across browsers and devices (WOFF2, WOFF, TTF, RTF) - the same look and feel is preserved. Websites today suffer the excessive use of system fonts that each device is interpreting to have a different view. This is an attempt to create a world fix for this common problem on the web eliminating the choice from the browser.


Why it is needed: It helps your website to be presented perfectly on any device/browser.

7.Preservation Principle of Content between mobile & web - Mobile First Index approach  

What it does: The system forbids differentiation of text widgets on the page for the sake of mobile first indexing. According to this approach most users come from mobile devices meaning any content existent on the mobile device has to be on the desktop version and vice versa. For example a site having an H1 header "Hello Earth" on desktop cannot have the H1 header "Hello Mercury" on mobile  as the two pages should have the same content. This principle is according to Google's guidelines on mobile first indexing.


Why it is needed: Makes your website compatible with mobile first indexing.

8. Optimization of Javascript & CSS website structure for loading speed  

What it does: Utilizing the Dynamically Served HTML of mobile elements (See no. 2) the CSS & JavaScript location/structure on the page is built to accelerate the overall performance of the page. Meaning, each page can serve as a landing page for potentially ranking on SERP (Search engine results pages). Inline CSS within the general HTML is also utilized for a similar additional improvement in the loading speed.


Why it is needed: Prevents you from losing visitations on your website by boosting your loading speed.


9. Background handling Adaptation mechanism  

What it does: The algorithm differentiates Color Background from image/video backgrounds. Colors are dimensionless, therefore when they are on a row in the desktop they change into a column on the mobile (Since mostly the desktop is a landscape & the mobile phone is held as a portrait). A background image can lose the subject of the image on mobile if cropped or due to the change of size/layout (Layout meaning from Landscape to Portrait), thus losing it's purpose on the mobile design. Therefore, images & videos shall be added separately on the mobile customized editor maintaining the subject of the background image.


Why it is needed: Reduces the time taken to adapt backgrounds on mobile sites.

10. Immediate transfer of images from sources & their optimization for the mobile & desktop devices  

What it does: A machine that pulls images from the original website's public html , compresses them and serves them to be available on the mobile adapted mobile version.

Serves mainly for Speed Optimization


Why it is needed: Accelerates mobile loading speed.

RELATED 


mobile friendly 
website

Did you know that a Mobile Friendly Website is a must have today? Not having a mobile-friendly website means you are losing a lot of customers. Are you aware of the high cost for a developer to create one?