The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

> canonical URL, trying to figure this out!
pixie.susan
post Apr 5 2024, 11:06 AM
Post #1





Group: Members
Posts: 6
Joined: 5-April 24
Member No.: 29,159



First, I want to say I'm mostly a beginner at making a website. I know I should have a responsive site, but right now, I don't. I'm working on my first one, but I want to do this in the meantime: Use a canonical tag to tell Google that I have identical desktop and mobile versions of a six-page website.

I've Googled this endlessly today, and I can't tell who knows what they are talking about because I have found the complete opposite information on different websites of what tag goes where (and the tags they are recommending look different, too).

Here is what I understand. I need to tell Google that one site is the main site and that I have duplicate pages for the mobile site What I can't figure out:

1) Which tags go on the main site, and which go on the mobile version?

2) What those tags should look like?

Right now, it's my understanding that this tag should go on the desktop/main version:

<link rel="canonical" href="https://mysite.com/index.html" />
<link rel="alternate" media="only screen and (max-width: 640px)" href="http://mysite.com/mobile.html">

But another site tells me I should have this on the main/desktop page:

<link rel="canonical" href="https://www.mysite.com/index.html" />
<Link rel="alternate" href="https: //m.example.com/mobile.html" />

And some say to put this on the mobile page:

<linkrel="canonical"href="https: www.mysite.com/index.html"></linkrel>

(different tags: <link rel= and <inkrel= does it make a difference?)

Can someone help me and let me know what goes where in simple language? I do understand that I need to do this on all 6 pages and I would of course change the URLs depending on the page name.

Many thanks for any help.

Susan




User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
 
Reply to this topicStart new topic
Replies
coothead
post Apr 11 2024, 06:24 PM
Post #2


Advanced Member
****

Group: Members
Posts: 207
Joined: 12-January 23
From: chertsey, a small town 25 miles south west of london, england
Member No.: 28,743



Hi there pixie.susan,

I had a spare moment or two so I thought that I would recode your whole site
to make it fully responsive right down to an "iPhone 5 -320 x 568".

If you want to test it out, let me know and I will pop the site into a zip file for
you to fully test.

One thing you will notice is the HTML that I have used is much simpler than yours
for example...

index.html
CODE

<!DOCTYPE html>
<html lang="en-US">
    <head>
        <title>Skydive on Cape Cod | Skydive the Mills</title>
        <script src="ew_js/mobileRedirect.js"></script>
        <script>
            redirectURL("/mobile.html");
        </script>
        <link rel="alternate" media="only screen and (max-width: 700px)" href="/mobile.html" />
        <meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
        <meta name="viewport" content="width=1100" />
        <meta name="keywords" content="tandem skydiving,skydiving center,Cape Cod drop zone,Skydive on Cape Cod" />
        <meta name="description" content="Experience the thrill of tandem skydiving at Skydive the Mills! Skydive on Cape Cod just an hour from Boston, enjoy stunning views and friendly, certified skydive instructors." />
        <meta property="og:description" content="Experience the thrill of tandem skydiving at Skydive the Mills! Skydive on Cape Cod just an hour from Boston, enjoy stunning views and friendly, certified skydive instructors." />
        <meta name="generator" content="EverWeb 4.1.0 (2919)" />
        <meta name="buildDate" content="Sunday, April 7, 2024" />
        <link rel="canonical" href="http://www.skydivethemills.com/" />
        <meta property="og:url" content="http://www.skydivethemills.com/" />
        <meta property="og:title" content="Skydive on Cape Cod | Skydive the Mills" />
        <meta property="og:type" content="website" />
        <meta property="og:image" content="http://www.skydivethemills.com/ewExternalFiles/Sky%20Dive%20the%20Mills%20-%201.png" />
        <link rel="stylesheet" href="ew_css/textstyles.css?3795357411" />
        <link rel="stylesheet" href="ew_css/responsive.css?3795357411" />
        <link rel="stylesheet" href="ew_css/globaltextstyles.css?3795357411" />
        <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Nunito:400,900,600&display=swap" />
        <link rel="stylesheet" href="ew_css/master/pagestyle.css?3795343012" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <link rel="canonical" href="http://skydivethemills.com/" />
        <style>
            div.container {
                min-height: 1269px;
            }
            .shape_7 {
                box-shadow: 5px 4px 3px 0px rgba(169, 169, 169, 0.75);
            }
        </style>
    </head>
    <body>
        <div class="container" style="height: 1269px;">
            <header>
                <div style="position: relative;">
                    <a href="index.html" data-linkuuid="E1D335FD10754772A5D913053E23CAA1" class="outerlink">
                        <div class="shape_1" style="left: 112px; top: 19px; width: 309px; height: 59px; z-index: 1; position: absolute;">
                            <div class="paraWrap" style="padding: 0px 2.16px 0px 2.16px;">
                                <p class="para1"><span style="line-height: 49px;" class="Style2">Skydive the Mills</span></p>
                            </div>
                        </div>
                    </a>
                </div>
                <div style="position: relative;">
                    <div class="ewnavmenu" id="navmenu_menu0" style="left: 592.5px; top: 34.5px; height: 43px; width: 505px; z-index: 10003; position: absolute;">
                        <ul id="navigation_menu0">
                            <li><a class="main item0" href="index.html" data-linkuuid="E1D335FD10754772A5D913053E23CAA1">Home</a></li>
                            <li><a class="main item1" href="about.html" data-linkuuid="CF910F4B0001409C871E5E9BB2E6110A">About Us</a></li>
                            <li><a class="main item2" href="first.html" data-linkuuid="DD8F6B8E646847A6AAC040B697CE9D14">First Jump</a></li>
                            <li><a class="main item3" href="pricing.html" data-linkuuid="08A0510E0003488FACDCDCC0DB586387">Pricing</a></li>
                            <li><a class="main item4" href="faq.html" data-linkuuid="9BFF5BEBE18048878ED75F8A26F5D4A6">FAQ</a></li>
                            <li style="margin-right: 0px;" class="last"><a class="main item5" href="book.html" data-linkuuid="4A0667A0375342E7B1559913B174E2F5">Book Now</a></li>
                        </ul>
                    </div>
                </div>
                <div style="position: relative;">
                    <div class="shape_5" style="left: 194px; top: 75px; width: 125px; height: 54px; z-index: 5; position: absolute;">
                        <div class="paraWrap" style="padding: 0px 2.16px 0px 2.16px;">
                            <p class="para1">
                                <span style="line-height: 22px;" class="linkStyle_11"><a href="tel:5086815286" class="linkStyle_11">508-681-5286</a></span>
                            </p>
                        </div>
                    </div>
                </div>
                <div style="position: relative;">
                    <div class="shape_6" style="left: 6px; top: 6px; width: 101px; height: 101px; z-index: 6; position: absolute;">
                        <picture>
                            <source srcset="masterfiles/master/images/logosd.webp 1x, masterfiles/master/images/logosd@2x.webp 2x" type="image/webp" />
                            <img src="masterfiles/master/images/logosd.png" height="101" width="101" alt="Skydive the Mills logo" srcset="masterfiles/master/images/logosd.png 1x, masterfiles/master/images/logosd@2x.png 2x" />
                        </picture>
                    </div>
                </div>
            </header>
            <div class="shape_0" style="left: 0; top: 0px; width: 100%; min-width: 1100px; min-height: 108px; z-index: 0; position: absolute;"></div>
            <div class="shape_2" style="left: 0; top: 1181px; width: 100%; min-width: 1100px; min-height: 88px; z-index: 2; position: absolute;"></div>
            <div class="content" data-minheight="900">
                <div style="position: relative;">
                    <div class="shape_7" style="left: 0px; top: 129px; width: 1101px; height: 713px; z-index: 7; position: absolute;">
                        <picture>
                            <source srcset="images/index/hero.webp" type="image/webp" />
                            <img src="images/index/hero.JPG" height="713" width="1101" alt="skydiver having fun" />
                        </picture>
                    </div>
                </div>
                <div style="position: relative;">
                    <div class="shape_8" style="left: 15px; top: 857px; width: 879px; height: 59px; z-index: 8; position: absolute;">
                        <div class="paraWrap" style="padding: 0px 2.16px 0px 2.16px;">
                            <h1 class="para1"><span style="line-height: 49px;" class="Style14">Booking Tandem Skydiving for Summer 2024!</span></h1>
                        </div>
                    </div>
                </div>
                <div style="position: relative;">
                    <a href="https://book.peek.com/s/d1bf31f1-3602-4676-a4f9-20ee71f5e195/dzLYq" target="_blank" class="outerlink">
                        <div class="shape_9" style="left: 37px; top: 303px; width: 160px; height: 160px; z-index: 9; position: absolute;">
                            <picture>
                                <source srcset="images/index/gift2024 - 2.webp" type="image/webp" />
                                <img src="images/index/gift2024 - 2.png" height="160" width="160" alt="Click here to book a skydive" />
                            </picture>
                        </div>
                    </a>
                </div>
                <div style="position: relative;">
                    <div class="shape_10" style="left: 50px; top: 919px; width: 970px; height: 261px; z-index: 10; position: absolute;">
                        <div class="paraWrap" style="padding: 0px 2.16px 0px 2.16px;">
                            <p class="para15">
                                <span style="line-height: 22px;" class="Style16">
                                    Have you always wanted to skydive? Take a leap and jump with us! We specialize in tandem skydives and first time jumpers. You'll get a world class skydive experience here. Our instructors and staff are
                                    professionals, USPA certified, very friendly, and come back every year.
                                </span>
                            </p>
                            <p class="para15">
                                <span style="line-height: 22px;" class="Style16">
                                    Skydive the Mills, located at historic Cape Cod Airfield, is a short, one hour drive from Boston, MA and Providence, RI. Our drop zone offers spectacular views of Cape Cod, the Islands, and the Boston
                                    skyline.
                                </span>
                            </p>
                            <p class="para15">
                                <span style="line-height: 22px;" class="Style16">
                                    Bring your family and friends out to the airfield and make a day of your adventure. Everyone, even non-jumpers, will have a great time. After your jump you can hit the beach, try one of the Cape's great
                                    seafood restaurants, or check out the nightlife in town.
                                </span>
                            </p>
                            <p class="para15"><span style="line-height: 22px;" class="Style16">Find out why Skydive the Mills is the #1 choice for tandem skydiving in Massachusetts.</span></p>
                            <p style="font-size: 0; text-align: left; padding-bottom: 7px; margin-top: 0px; padding-top: 0px;" class="Style17">
                                <span style="line-height: 22px;"><br /></span>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <footer data-top="1179" data-height="90">
                <div style="position: relative;">
                    <div class="shape_4" style="left: 0px; top: 1208px; width: 1100px; height: 33px; z-index: 4; position: absolute;">
                        <div class="paraWrap" style="padding: 0px 2.16px 0px 2.16px;">
                            <p class="para3">
                                <span style="line-height: 19px;" class="Style4">
                                    Skydive the Mills         At Cape Cod Airfield         1000 Race
                                    Lane         Marstons Mills, MA 02648         
                                </span>
                                <span style="line-height: 19px;" class="linkStyle_5"><a href="tel:5086815286" class="linkStyle_5">508-681-5286</a></span>
                                <span style="line-height: 19px;" class="Style4">         </span>
                                <span style="line-height: 19px;" class="linkStyle_8"><a href="mailto:info@skydivethemills.com?subject=Skydiving" class="linkStyle_8">info@skydivethemills.com</a></span>
                            </p>
                        </div>
                    </div>
                </div>
            </footer>
        </div>
        <!-- Default Statcounter code for Skydivethemills
http://www.skydivethemills.com/ -->
        <script type="text/javascript">
            var sc_project = 11984171;
            var sc_invisible = 0;
            var sc_security = "68712744";
        </script>
        <script type="text/javascript" src="https://www.statcounter.com/counter/counter.js" async></script>
        <noscript>
            <div class="statcounter">
                <a title="Web Analytics" href="https://statcounter.com/" target="_blank"><img class="statcounter" src="https://c.statcounter.com/11984171/0/68712744/1/" alt="Web Analytics" /></a>
            </div>
        </noscript>
        <!-- End of Statcounter Code -->
    </body>
</html>




coothead

This post has been edited by coothead: Apr 11 2024, 06:26 PM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Posts in this topic
pixie.susan   canonical URL   Apr 5 2024, 11:06 AM
Christian J   First, I want to say I'm mostly a beginner at...   Apr 5 2024, 03:45 PM
pixie.susan   Thanks for your reply. The problem is if I just ha...   Apr 6 2024, 10:07 AM
Christian J   Thanks for your reply. The problem is if I just h...   Apr 6 2024, 11:32 AM
coothead   [indent] Sometimes that can be fixed simply by in...   Apr 6 2024, 01:55 PM
Christian J   [indent] Sometimes that can be fixed simply by i...   Apr 6 2024, 02:17 PM
coothead   [indent]Where, and why? [indent] [b]Where In al...   Apr 6 2024, 03:01 PM
Christian J   [quote name='Christian J' post='147090' date='Apr...   Apr 6 2024, 05:44 PM
coothead   [indent] I was hoping you already knew. [indent...   Apr 6 2024, 06:21 PM
Christian J   I want the desktop version to be the main version...   Apr 8 2024, 01:34 PM
pixie.susan   It's always something and not always a simple,...   Apr 8 2024, 03:42 PM
pixie.susan   Wow, I thought this would be a simple, easy answer...   Apr 7 2024, 10:16 AM
coothead   Hi there pixie.susan, You have not given us eithe...   Apr 7 2024, 02:29 PM
Christian J   Wow, I thought this would be a simple, easy answe...   Apr 7 2024, 04:33 PM
pixie.susan   12 to 8 were the answers I got from others, 12 for...   Apr 8 2024, 09:04 AM
Christian J   If you go to the desktop site with a smaller scre...   Apr 8 2024, 01:30 PM
coothead   Hi there pixie.susan, You may find this reworking...   Apr 8 2024, 07:28 PM
pixie.susan   I'll take a look but with Everweb (which I thi...   Apr 9 2024, 10:00 AM
coothead   Hi there pixie.susan, I had a spare moment or tw...   Apr 11 2024, 06:24 PM


Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 30th May 2024 - 11:05 PM