Does anyone know how to fix Google webmaster tools micro format errors?

I’m having a hell of a time fixing these google webmaster tools micro format errors for “Missing: updated” and “Missing: author”. A developer that has done great work for me in the past told me all I have to to is:

1) Find:

<?php the_date(); ?> and <?php the_author(); ?>

2) Wrap them with a span as follows:

<span class="post-date updated"><?php the_date(); ?></span>

<span class="vcard author post-author"><span class="fn"><?php the_author(); ?></span></span>

2a) If you don’t want them to be displayed to the user or it’s messing up your design, do this instead:

<span class="post-date updated" style="display:none;"><?php the_date(); ?></span>

<span class="vcard author post-author” style=“display:none;”><span class="fn"><?php the_author(); ?></span></span>

This worked on other sites for me and it worked to fix the author error but it isn’t fixing the updated error.

2b) If the_date or the_author doesn’t exist add the code anywhere in the body of the page’s (or post’s) relevant template php file.

How can I fix this?

Example page: https://bit.ly/1pQ8evY

Thanks.