Support » Plugin: FooGallery - Image Gallery WordPress Plugin » SEO Validation Warning

  • Resolved ajtruckle

    (@ajtruckle)


    I used HTML Validator to perform a validation of my site.

    It has an option to allow you to open a webpage directly from within the software. It came up with a warning:

    *** IMPORTANT! ***

    The current document (“….publictalksoftware.co.uk” [http://www.publictalksoftware.co.uk]) contains line lengths that exceed the maximum line length that the syntax highlighter parses.

    This may result in problems with syntax highlighting and spell checking with lines that exceed the maximum parse length.

    The current setting is 2000 characters and this document contains at least one line (line #646) that is 7200 characters.

    Any text on a line after the limit will appear as black text and will not be syntax highlighted.

    To increase or change the maximum line length to parse, please see the ‘Editor->Other Editor’ options page in the Editor Options.

    NOTE: This limit exists to increase editor performance.

    I appreciate that I can increase the number of characters but it felt like a lot! So I examined the code to see where the issue was and it was related to my gallery objects.

    In their editor your code looks like this:

    https://www.dropbox.com/s/nxlb1awt9se1s1v/Code.jpg?dl=0

    If I open the same code in Microsoft Expression Web and use the Reformat HTML feature it looks like this:

    <div class="fg-item">
    	<figure class="fg-item-inner">
    		<a class=" fg-thumb" data-attachment-id="837" data-caption-desc="A handy ribbon bar keeps all main program functionality at your finger tips." data-caption-title="Ribbon" href="http://www.publictalksoftware.co.uk/wp-content/uploads/2018/04/pt0.png">
    		<img class="fg-image" data-src-fg="http://www.publictalksoftware.co.uk/wp-content/uploads/cache/2018/04/pt0/3907932661.png" height="100" title="Ribbon" width="100" /></a><figcaption class="fg-caption">
    		<div class="fg-caption-inner">
    			<div class="fg-caption-title">
    				Ribbon</div>
    			<div class="fg-caption-desc">
    				A handy ribbon bar keeps all main program functionality at your 
    				finger tips.</div>
    		</div>
    		</figcaption>
    	</figure>
    </div>
    <div class="fg-item">
    	<figure class="fg-item-inner">
    		<a class=" fg-thumb" data-attachment-id="782" data-caption-desc="Specify your Home and Away talk assignments in one location." data-caption-title="Adding home / away talk entries" href="http://www.publictalksoftware.co.uk/wp-content/uploads/2018/04/pt1.png">
    		<img class="fg-image" data-src-fg="http://www.publictalksoftware.co.uk/wp-content/uploads/cache/2018/04/pt1/2478803756.png" height="100" title="Adding home / away talk entries" width="100" /></a><figcaption class="fg-caption">
    		<div class="fg-caption-inner">
    			<div class="fg-caption-title">
    				Adding home / away talk entries</div>
    			<div class="fg-caption-desc">
    				Specify your Home and Away talk assignments in one location.</div>
    		</div>
    		</figcaption>
    	</figure>
    </div>
    <div class="fg-item">
    	<figure class="fg-item-inner">
    		<a class=" fg-thumb" data-attachment-id="783" data-caption-desc="This is the Congregations Maintenance page." data-caption-title="Updating congregation / speaker details" href="http://www.publictalksoftware.co.uk/wp-content/uploads/2018/04/pt2.png">
    		<img class="fg-image" data-src-fg="http://www.publictalksoftware.co.uk/wp-content/uploads/cache/2018/04/pt2/3399459959.png" height="100" title="Updating congregation / speaker details" width="100" /></a><figcaption class="fg-caption">
    		<div class="fg-caption-inner">
    			<div class="fg-caption-title">
    				Updating congregation / speaker details</div>
    			<div class="fg-caption-desc">
    				This is the Congregations Maintenance page.</div>
    		</div>
    		</figcaption>
    	</figure>
    </div>
    <div class="fg-item">
    	<figure class="fg-item-inner">
    		<a class=" fg-thumb" data-attachment-id="784" data-caption-desc="The custom script editor is a very powerful feature. It allows you to write your own custom reports." data-caption-title="The Custom Script Editor" href="http://www.publictalksoftware.co.uk/wp-content/uploads/2018/04/pt3.png">
    		<img class="fg-image" data-src-fg="http://www.publictalksoftware.co.uk/wp-content/uploads/cache/2018/04/pt3/1307276546.png" height="100" title="The Custom Script Editor" width="100" /></a><figcaption class="fg-caption">
    		<div class="fg-caption-inner">
    			<div class="fg-caption-title">
    				The Custom Script Editor</div>
    			<div class="fg-caption-desc">
    				The custom script editor is a very powerful feature. It allows you 
    				to write your own custom reports.</div>
    		</div>
    		</figcaption>
    	</figure>
    </div>
    <div class="fg-item">
    	<figure class="fg-item-inner">
    		<a class=" fg-thumb" data-attachment-id="786" data-caption-desc="Many settings can be adjusted to customize the look and feel of the application." data-caption-title="General program preferences" href="http://www.publictalksoftware.co.uk/wp-content/uploads/2018/04/pt5.png">
    		<img class="fg-image" data-src-fg="http://www.publictalksoftware.co.uk/wp-content/uploads/cache/2018/04/pt5/4289407924.png" height="100" title="General program preferences" width="100" /></a><figcaption class="fg-caption">
    		<div class="fg-caption-inner">
    			<div class="fg-caption-title">
    				General program preferences</div>
    			<div class="fg-caption-desc">
    				Many settings can be adjusted to customize the look and feel of 
    				the application.</div>
    		</div>
    		</figcaption>
    	</figure>
    </div>
    <div class="fg-item">
    	<figure class="fg-item-inner">
    		<a class=" fg-thumb" data-attachment-id="787" data-caption-desc="These are the available options for the standard Talk Summary report." data-caption-title="Talk Summary report (setup)" href="http://www.publictalksoftware.co.uk/wp-content/uploads/2018/04/pt6.png">
    		<img class="fg-image" data-src-fg="http://www.publictalksoftware.co.uk/wp-content/uploads/cache/2018/04/pt6/2794128623.png" height="100" title="Talk Summary report (setup)" width="100" /></a><figcaption class="fg-caption">
    		<div class="fg-caption-inner">
    			<div class="fg-caption-title">
    				Talk Summary report (setup)</div>
    			<div class="fg-caption-desc">
    				These are the available options for the standard Talk Summary report.</div>
    		</div>
    		</figcaption>
    	</figure>
    </div>
    <div class="fg-item">
    	<figure class="fg-item-inner">
    		<a class=" fg-thumb" data-attachment-id="788" data-caption-desc="This is the available options for the standard Congregations report." data-caption-title="Congregations report (setup)" href="http://www.publictalksoftware.co.uk/wp-content/uploads/2018/04/pt7.png">
    		<img class="fg-image" data-src-fg="http://www.publictalksoftware.co.uk/wp-content/uploads/cache/2018/04/pt7/708022047.png" height="100" title="Congregations report (setup)" width="100" /></a><figcaption class="fg-caption">
    		<div class="fg-caption-inner">
    			<div class="fg-caption-title">
    				Congregations report (setup)</div>
    			<div class="fg-caption-desc">
    				This is the available options for the standard Congregations report.</div>
    		</div>
    		</figcaption>
    	</figure>
    </div>
    <div class="fg-item">
    	<figure class="fg-item-inner">
    		<a class=" fg-thumb" data-attachment-id="789" data-caption-desc="An example of a custom report. The possibilities are virtually endless." data-caption-title="Sample custom report output" href="http://www.publictalksoftware.co.uk/wp-content/uploads/2018/04/pt8.png">
    		<img class="fg-image" data-src-fg="http://www.publictalksoftware.co.uk/wp-content/uploads/cache/2018/04/pt8/616346891.png" height="100" title="Sample custom report output" width="100" /></a><figcaption class="fg-caption">
    		<div class="fg-caption-inner">
    			<div class="fg-caption-title">
    				Sample custom report output</div>
    			<div class="fg-caption-desc">
    				An example of a custom report. The possibilities are virtually endless.</div>
    		</div>
    		</figcaption>
    	</figure>
    </div>
    <div class="fg-item">
    	<figure class="fg-item-inner">
    		<a class=" fg-thumb" data-attachment-id="790" data-caption-desc="A handy wizard is provided to allow you to swap Home and Away talk assignments." data-caption-title="Rearrange talk assignment wizard" href="http://www.publictalksoftware.co.uk/wp-content/uploads/2018/04/pt9.png">
    		<img class="fg-image" data-src-fg="http://www.publictalksoftware.co.uk/wp-content/uploads/cache/2018/04/pt9/4044903230.png" height="100" title="Rearrange talk assignment wizard" width="100" /></a><figcaption class="fg-caption">
    		<div class="fg-caption-inner">
    			<div class="fg-caption-title">
    				Rearrange talk assignment wizard</div>
    			<div class="fg-caption-desc">
    				A handy wizard is provided to allow you to swap Home and Away talk 
    				assignments.</div>
    		</div>
    		</figcaption>
    	</figure>
    </div>
    </div>

    It is 252 characters wide, and easier for me to follow.

    I appreciate you have a backlog of features to implement or work on, but can I kindly ask that maybe the formatting of the HTML in the code be looked at?

    Forgive me if this is an issue outside of your control. If it is, please direct me to the right place for it to be considered.

    Thanks!

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Any update on this request please? Thank you.

    Plugin Author bradvin

    (@bradvin)

    Hi

    I think this is rather an issue with the software you are using to validate.

    Other HTML validators like https://validator.w3.org do not have this limitation. Also, browsers do not have this limitation, and removing the line breaks and tabs are benefitial to save size from the final document size.

    We will not implement a change to format the HTML unfortunately.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘SEO Validation Warning’ is closed to new replies.