Adding href parameter for the pagination links

Saravanan_Dharmaraj

Link to test case: https://www.silabs.com/support/resources.ct-data-sheets.page=2
Description of problem: We are using DataTable with pagination as given in the URL above. During our Google SEO analysis we found the pagination links are missing href pointing to a page and google cant crawl the pages going into the pagination links. So the google search is not indexing/serving the pages/documents in their search results from those pagination links.
Could anyone please advice on how to add href to the pagination links since its auto generated by the plugin instead of like
<a class="paginate_button " aria-controls="DataTables_Table_0" data-dt-idx="1" tabindex="0">1</a>. Any help is appreciated. Thanks

colin

I just looked at the link and the href is present - has this been resolved or am I missing something?

Colin

Saravanan_Dharmaraj

Hi Colin,
I am talking about Pagination anchor tags. It doesn't have href in it which is causing the google to ignore it while indexing.

allan

At this time you can't. We are going to change them to be buttons in future rather than link tags.

Allan

Saravanan_Dharmaraj

I actually added the href through the drawCallback method like this

"drawCallback": function( settings ) {
                    var currentURL = window.location.pathname;
                    var pageEle = $('a.paginate_button');
                    $(pageEle).each(function(){
                        var pageNum = parseInt($(this).text());
                        if(!(Number.isNaN(pageNum))){
                            var pageurl = currentURL+".page="+pageNum;
                            $(this).attr("href",pageurl);
                        }
                    });
                    $("a.paginate_button").on("click", function(e){
                        e.preventDefault();
                    });
                }

allan

Nice workaround. Thanks for sharing it.

Allan

paraplanio

Anyway to do this in DataTables v2? In this version no a href link, divs insted

allan

divs insted

No it uses button for the pagination buttons, which is semantically correct.

Why would you want to add an href attribute to the buttons?

Allan

paraplanio

Yes, button, sorry.

I need a[href] to save page filter/pagination history.

For ex: switch to page 8, reload page and page 8 loaded again automatically.

kthorngren

You can use stateSave for this.

Kevin