RobinB

Вам надо пользоваться OG-meta tags и Twitter-meta tags. Возможно в дальнейшем при оптимизации Вам потребуется весь набор:

<meta name="keywords" content="zuru,zuru os,zuruos,zuru cloud os,вход зуру,вход zuru,zuru entrance,zuru login">
<meta name="description" content="Entrance to the Zuru Cloud OS">
<meta name="robots" content="index,nofollow">
<meta name="generator" content="Zuru 1.0"/>
<meta name="author" content="iLeonidze">
<link rel="canonical" href="http://home.zuru.ml/"/>
<link rel="shortlink" href="http://home.zuru.ml"/>
<meta name="MobileOptimized" content="320">
<meta name="HandheldFriendly" content="True">
<meta http-equiv="cleartype" content="on">
<meta name="format-detection" content="telephone=yes">
<meta name="format-detection" content="address=yes">
<meta name="distribution" content="global">
<link rel="sitemap" type="application/xml" title="Sitemap" href="http://home.zuru.ml/sitemap.xml"/>
<meta name="application-name" content="Zuru Cloud OS">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<link rel="apple-touch-icon" href="http://home.zuru.ml/images/specials/apple/touch-icon-60x60.png"/>
<link rel="apple-touch-icon" sizes="76x76" href="http://home.zuru.ml/images/specials/apple/touch-icon-76x76.png"/>
<link rel="apple-touch-icon" sizes="120x120" href="http://home.zuru.ml/images/specials/apple/touch-icon-120x120.png"/>
<link rel="apple-touch-icon" sizes="152x152" href="http://home.zuru.ml/images/specials/apple/touch-icon-152x152.png"/>
<link rel="apple-touch-startup-image" media="(device-width: 320px)" href="http://<?=$_SERVER['SERVER_NAME']?>/images/specials/apple/touch-startup-image-320x460.png">
<link rel="apple-touch-startup-image" media="(device-width: 320px) and (-webkit-device-pixel-ratio: 2)" href="http://<?=$_SERVER['SERVER_NAME']?>/images/specials/apple/touch-startup-image-640x920.png">
<link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" href="http://<?=$_SERVER['SERVER_NAME']?>/images/specials/apple/touch-startup-image-640x1096.png">
<link rel="apple-touch-startup-image" media="(device-width: 768px) and (orientation: portrait)" href="http://<?=$_SERVER['SERVER_NAME']?>/images/specials/apple/touch-startup-image-768x1004.png">
<link rel="apple-touch-startup-image" media="(device-width: 768px) and (orientation: landscape)" href="http://<?=$_SERVER['SERVER_NAME']?>/images/specials/apple/touch-startup-image-1024x748.png">
<link rel="apple-touch-startup-image" media="(device-width: 1536px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)" href="http://<?=$_SERVER['SERVER_NAME']?>/images/specials/apple/touch-startup-image-1536x2008.png">
<link rel="apple-touch-startup-image" media="(device-width: 1536px)  and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)" href="http://<?=$_SERVER['SERVER_NAME']?>/images/specials/apple/touch-startup-image-2048x1496.png">
<meta name="msapplication-tooltip" content="Zuru Cloud OS"/>
<meta name="msapplication-config" content="IEconfig.xml" />
<meta name="msapplication-TileColor" content="#FFFFFF"/>
<meta name="msapplication-square70x70logo" content="./images/specials/windows8/square_70x70_logo.png"/>
<meta name="msapplication-square150x150logo" content="./images/specials/windows8/square_150x150_logo.png"/>
<meta name="msapplication-wide310x150logo" content="./images/specials/windows8/wide_310x150_logo.png"/>
<meta name="msapplication-square310x310logo" content="./images/specials/windows8/square_310x310_logo.png"/>
<meta name="msapplication-starturl" content="http://home.zuru.ml/"/>
<meta name="msapplication-navbutton-color" content="#FFF"/>
<meta name="msapplication-task" content="name=Start Zuru Cloud OS; action-uri=http://home.zuru.ml; icon-uri=http://home.zuru.ml/favicon.ico" />
<meta name="msapplication-task" content="name=Go to official website; action-uri=http://zuru.ml; icon-uri=http://home.zuru.ml/favicon.ico" />
<meta name="msapplication-task" content="name=Read out Twitter; action-uri=https://twitter.com/ZuruTeam; icon-uri=https://abs.twimg.com/favicons/favicon.ico" />
<meta name="msapplication-task" content="name=Subscribe to our VK Page; action-uri=https://twitter.com/ZuruTeam; icon-uri=http://vk.com/images/faviconnew.ico" />
<meta http-equiv="imagetoolbar" content="false"/>
<meta name="dc.language" content="RU">
<meta name="dc.source" content="http://home.zuru.ml/">
<meta name="dc.title" content="Zuru">
<meta name="dc.description" content="Cloud Operating System">
<link rel="yandex-tableau-widget" href="./yandex-tableau-manifest.json" />

Здесь дополнительные Meta-tags под Apple, Microsoft, Yandex Widgets и сервисы, понимающие тип dc.* + самое базовое SEO.

Функция, определяющая мобильный браузер или нет:

function isMobile()
{
	return (navigator.userAgent.match(/Android/i)
		|| navigator.userAgent.match(/BlackBerry/i)
		|| navigator.userAgent.match(/iPhone|iPad|iPod/i)
		|| navigator.userAgent.match(/Opera Mini/i)
		|| navigator.userAgent.match(/IEMobile/i) == null ? false : true
	);
}

Использование в вашем случае:

if (!isMobile()) 
{
	new WOW().init();
}

P.S. www.abeautifulsite.net/detecting-mobile-devices-wi...

вчера боролся с такой штукой, у меня были такие блоки и основной блок сайта был в 1200 ну я указал блокам которые тянулись на всю длину min-width: 1200px; т.е длину основного блока и все.
Через фаер баг прикинул и при появлении скрола все норм.

.block-1 {
min-width: 1334px; - вроде так
/* min-width: 1024px; */
background: url(../img/bg-1.jpg) 0 0 no-repeat;
min-height: 649px;
width: 100%;

background-size: 100%;
background-position: center;
position: relative;
}

Можно сделать как то так jsfiddle.net/6go4tmrz/2
Для примера паузу сделал 1 сек чтоб не ждать 5 секунд.

Нельзя манипулировать :after, потому что это не техническая часть DOM и поэтому он недоступен для JavaScript.
Вот есть несколько обходных путей.