1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Your site(s) ready for mobile?

Discussion in 'HTML & Website Design' started by usasportstraining, Nov 16, 2017.

  1. #1
    Since Google is going to soon update their index regarding mobile readiness (again), have you put in extra effort to make it mobile friendly?
     
    Solved! View solution.
    usasportstraining, Nov 16, 2017 IP
  2. #2
    No, since mine have had responsive elastic semi-fluid layout since before responsive was a thing; first I was using the scripting trick called "mcSwitchy" (or a variation I called quickswitchy) that when media queries came along, it was a simple matter of swapping the scripting for those. THAT and I used layout techniques DESIGNED to gracefully degrade and be able to re-arrange/remove columns dating back nearly fifteen years now, meaning adding responsiveness to already elastic and semi-fluid layout is a ten minute job taking maybe 2k of CSS.

    You have to put more time than that into it, there is something horribly and terrifyingly WRONG with your HTML, CSS, JavaScript, and/or design!

    Sadly these days it's all four being utterly banjaxed seeing how far up 1997's arse everyone has their heads wedged in terms of markup and accessibility! -- see websites that put black text over images with black in them so you can't actually read it... or that waste an entire screen-height on some goofy stock image completely unrelated to the SUBJECT of the bloody page pushing anything resembling CONTENT clear off the screen...

    Or websites where the person who wrote it doesn't know what's wrong with this:
    <body class="home page-template-default page page-id-16 wp-custom-logo twentyseventeen-front-page has-header-image page-one-column colors-dark">
    <div id="page" class="site">
    	<a class="skip-link screen-reader-text" href="#content">Skip to content</a>
    
    	<header id="masthead" class="site-header" role="banner">
    
    		<div class="custom-header">
    
    		<div class="custom-header-media">
    			<div id="wp-custom-header" class="wp-custom-header"><img src="https://contentconstantly.com/wp-content/themes/twentyseventeen/assets/images/header.jpg" width="2000" height="1200" alt="" /></div>		</div>
    
    	<div class="site-branding">
    	<div class="wrap">
    
    		<a href="https://contentconstantly.com/" class="custom-logo-link" rel="home" itemprop="url"><img width="916" height="250" src="https://i0.wp.com/contentconstantly.com/wp-content/uploads/2017/11/cropped-Logo_Transparent_PNG.png?fit=916%2C250&amp;ssl=1" class="custom-logo" alt="" itemprop="logo" srcset="https://i0.wp.com/contentconstantly.com/wp-content/uploads/2017/11/cropped-Logo_Transparent_PNG.png?w=916&amp;ssl=1 916w, https://i0.wp.com/contentconstantly.com/wp-content/uploads/2017/11/cropped-Logo_Transparent_PNG.png?resize=300%2C82&amp;ssl=1 300w, https://i0.wp.com/contentconstantly.com/wp-content/uploads/2017/11/cropped-Logo_Transparent_PNG.png?resize=768%2C210&amp;ssl=1 768w" sizes="100vw" data-attachment-id="133" data-permalink="https://contentconstantly.com/cropped-logo_transparent_png-png/" data-orig-file="https://i0.wp.com/contentconstantly.com/wp-content/uploads/2017/11/cropped-Logo_Transparent_PNG.png?fit=916%2C250&amp;ssl=1" data-orig-size="916,250" data-comments-opened="0" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="cropped-Logo_Transparent_PNG.png" data-image-description="&lt;p&gt;http://contentconstantly.com/wp-content/uploads/2017/11/cropped-Logo_Transparent_PNG.png&lt;/p&gt;
    " data-medium-file="https://i0.wp.com/contentconstantly.com/wp-content/uploads/2017/11/cropped-Logo_Transparent_PNG.png?fit=300%2C82&amp;ssl=1" data-large-file="https://i0.wp.com/contentconstantly.com/wp-content/uploads/2017/11/cropped-Logo_Transparent_PNG.png?fit=644%2C176&amp;ssl=1" /></a>
    		<div class="site-branding-text">
    							<h1 class="site-title"><a href="https://contentconstantly.com/" rel="home"></a></h1>
    Code (markup):
    Indicating they don't know enough about HTML or CSS to be building websites in the first damned place! That's how you end up with a bloated train wreck of 92k of markup to deliver 2.47k of plaintext and ZERO content images (aka not a damned thing that belongs in a IMG tag)... basically six to ten k of code's job!

    Idiocy like this:
    <article id="post-162" class="post-162 post type-post status-publish format-standard hentry category-content-marketing category-writing-content tag-content-creation tag-content-marketing">
    Code (markup):
    ...being a poster child for everything wrong with the OOCSS mentality and incompetently coded train wrecks like turdpress. "More emphasis" on the "mental"
     
    Last edited: Nov 20, 2017
    deathshadow, Nov 20, 2017 IP
  3. usasportstraining

    usasportstraining Notable Member

    Messages:
    4,876
    Likes Received:
    363
    Best Answers:
    0
    Trophy Points:
    280
    Articles:
    4
    #3
    Indeed.
     
    usasportstraining, Nov 20, 2017 IP
  4. dimitarang

    dimitarang Well-Known Member

    Messages:
    713
    Likes Received:
    19
    Best Answers:
    0
    Trophy Points:
    128
    Digital Goods:
    2
    #4
    Of course, there are very few websites I pop into around the web that are not responsive. All of my websites I have built over the past 2-3 years are fully responsive.
     
    dimitarang, Nov 20, 2017 IP
  5. ManuelG

    ManuelG Peon

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    1
    #5
    Google uses a crawler bot for smartphones to evaluate if your site is mobile friendly.
     
    ManuelG, Nov 22, 2017 IP
  6. bluebelt91

    bluebelt91 Well-Known Member

    Messages:
    879
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    130
    #6
    The first and foremost thing is to choose a website or blog theme which is responsive. Google is going to reduce your page ranking if your site looks ugly in mobile or shorted devices. If you have not started, it is better to start it soon.
     
    bluebelt91, Nov 22, 2017 IP