Both of your webpages have 100% duplicate content. At the same time, both of these web pages have a canonical meta-link pointing to itself. This tells Google that the content of both webpages has your priority and that you want to show links to both contents in search results:
Why should I choose a canonical URL? There are a number of reasons why
you would want to explicitly choose a canonical page in a set of
duplicate/similar pages:
To specify which URL that you want people to see in search results.
However, given the fact of full duplicate content, Google is unable to determine the content of which web page exactly has relevant content corresponding to a specific search query.
Compare your duplicate content to the following Google statement:
However, in some cases, content is deliberately duplicated across
domains in an attempt to manipulate search engine rankings or win more
traffic. Deceptive practices like this can result in a poor user
experience, when a visitor sees substantially the same content
repeated within a set of search results.
Later in this same guide, Google provides the following tips that may help you:
There are some steps you can take to proactively address duplicate
content issues, and ensure that visitors see the content you want them
to.
Use 301s: If you've restructured your site, use 301 redirects
("RedirectPermanent") in your .htaccess file to smartly redirect
users, Googlebot, and other spiders. (In Apache, you can do this with
an .htaccess file; in IIS, you can do this through the administrative
console.)
Be consistent: Try to keep your internal linking consistent.
For example, don't link to http://www.example.com/page/ and
http://www.example.com/page and http://www.example.com/page/index.htm.
Use top-level domains: To help us serve the most appropriate version
of a document, use top-level domains whenever possible to handle
country-specific content. We're more likely to know that
http://www.example.de contains Germany-focused content, for instance,
than http://www.example.com/de or http://de.example.com.
Syndicate carefully: If you syndicate your content on other sites, Google will
always show the version we think is most appropriate for users in each
given search, which may or may not be the version you'd prefer.
However, it is helpful to ensure that each site on which your content
is syndicated includes a link back to your original article. You can
also ask those who use your syndicated material to use the noindex
meta tag to prevent search engines from indexing their version of the
content.
Minimize boilerplate repetition: For instance, instead of
including lengthy copyright text on the bottom of every page, include
a very brief summary and then link to a page with more details. In
addition, you can use the Parameter Handling tool to specify how you
would like Google to treat URL parameters.
Avoid publishing stubs:
Users don't like seeing "empty" pages, so avoid placeholders where
possible. For example, don't publish pages for which you don't yet
have real content. If you do create placeholder pages, use the noindex
meta tag to block these pages from being indexed.
Understand your content management system: Make sure you're familiar with how content
is displayed on your web site. Blogs, forums, and related systems
often show the same content in multiple formats. For example, a blog
entry may appear on the home page of a blog, in an archive page, and
in a page of other entries with the same label.
Minimize similar content: If you have many pages that are similar, consider expanding
each page or consolidating the pages into one. For instance, if you
have a travel site with separate pages for two cities, but the same
information on both pages, you could either merge the pages into one
page about both cities or you could expand each page to contain unique
content about each city.
Google does not recommend blocking crawler
access to duplicate content on your website, whether with a robots.txt
file or other methods. If search engines can't crawl pages with
duplicate content, they can't automatically detect that these URLs
point to the same content and will therefore effectively have to treat
them as separate, unique pages. A better solution is to allow search
engines to crawl these URLs, but mark them as duplicates by using the
rel="canonical" link element, the URL parameter handling tool, or 301
redirects. In cases where duplicate content leads to us crawling too
much of your website, you can also adjust the crawl rate setting in
Search Console.
