Share your websites made with Site...

User 2699991 Photo


Registered User
5,117 posts
Online Now

Juan Elias wrote:
Finally, I have made my first website using Site Designer. The site is for a psychologist I know. Even though the site is in Ukrainian, I kindly ask you to take a look at it. I'm sure I may have made some mistakes, though I can't spot them myself. I hope you will point out any flaws and errors.

Thank you in advance!

Here is the website itself - https://psydopomoga.com/


Please excuse the intrusion again
Just as an indication of an example of the home page using the 3 column layout and reducing the width of the content to 1450px maximum
here is a quick silent movie demo (I also had to do it partly in English, and yes its not all of the list in the lower section, but it might give you some inspiration)
here is the demo video
https://youtu.be/Oe7zk02q0vs
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://mawarputih.coffeecup.com/forms/contact-wayan/

A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/ … l-details/
User 3174986 Photo


Registered User
115 posts

Nice
There is only one thing I would suggest, and that is you reduce the width of the pages at higher desktop sizes, it stretches right across the display on my monitor, which for the text content is hard to read for most viewers (Google recommends a maximum with of around 1000px for text (paragraphs especially) I even sometimes feel 900px maximum is better for large block of text. (and yes It translated it into English on my browser no problems)

Or you could break the wider text content into 2 or 3 columns (as per many newspaper layouts, especially so in the broadsheets.

Inger I believe has an example of this technique on her mock up page, (also as a downloadable component,) but it is easy enough to do anyway to your existing content.

That is my suggestion for what it's worth


Thank you very much for your feedback, I really appreciate it! As for the site’s width, I completely agree with you, and for my next website, which I plan to make for myself, I will adjust the width. However, the owner of this site chose the current width, so I can't do much about it. She is a good friend of mine from Ukraine, and this website is just a gift to her. But for myself, I will be making either a two- or three-column website.

There are a few warnings/issues about things that cause errors on the site, which maybe should be addressed IF SEO page ranking is important to your client, if such a thing isn't a priority, then no need to address such things.


Yes, of course, I really need this, and I will be immensely grateful if you point out the areas that need to be corrected, because SEO is important for this site. A bit further down, I will describe three aspects of the site that concern me.

Please excuse the intrusion again
Just as an indication of an example of the home page using the 3 column layout and reducing the width of the content to 1450px maximum
here is a quick silent movie demo (I also had to do it partly in English, and yes its not all of the list in the lower section, but it might give you some inspiration)
here is the demo video


Oh, no need to apologize at all! I'm the one who should apologize for bothering you all with my questions! I'll definitely watch the movie right now.
User 3174986 Photo


Registered User
115 posts

Inger wrote:
Congratulations to a very nice-looking site! With my very loose grip on the Russian alphabet, I could just see what it was about.

If multiple columns are of interest, I have a component here:
https://mock-up.coffeecup.com/va-comps/ … lumns.html

BareBone is my name for the 'Frameworkless' system. You will find similar components in the other frameworks.


Thank you so much for both your feedback and your suggestion! I will definitely take advantage of it because now I want to create a website for myself. I have two hobbies: woodworking and web development. So, I'm currently thinking about how to combine these two very different things on one website :)
User 3174986 Photo


Registered User
115 posts

At the moment, there are two things about this website that are bothering me.
1. It's the rel="canonical" tag. I still haven't figured out where to place it. Since this is a bilingual site, Google treats the secondary language as a copy of the primary language of the site. Well, there is some logic to that, and we could discuss it, but I don't want to get sidetracked. So, the site has two languages: the primary language is Ukrainian, and the secondary language is Russian.
I placed the rel="canonical" tag on all the pages with the secondary language, i.e., Russian. But Google told me that there was an issue with the rel="canonical" tag. Then I switched things around by placing the rel="canonical" tag on the pages of the primary language and requested Google to rescan the site. Now, I'm waiting for their response. However, I still don't fully understand when and where to use the rel="canonical" tag.

2. The second issue is the burger menu. There is a line of code like this: `<div class="container navigation-links"><a class="glyph mobile-nav-button close-button-cross" href="#"><i class="coffeecup-icons-cross2"></i></a>`
Here, instead of a link, there is "#". Some SEO tools are telling me that I have two broken links, showing me these two lines:

`<div class="container navigation-links"><a class="glyph mobile-nav-button close-button-cross" href="#"><i class="coffeecup-icons-cross2"></i></a>`

`</script></div><a href="#" class="responsive-picture mobile-nav-button close-button-cross">`

When I tried to replace the "#" in the first line with the actual page address, it worked. But when I tried to do the same in the second line, the site stopped opening and kept redirecting me to the homepage, which makes sense since I replaced "#" with the homepage address.

But the worst part is something else. For some reason, "#" appeared in the site's URL, and it now looks like this: https://psydopomoga.com/#

I still don't understand in which cases the hash appears. But I can't find such a link in the body of the site; I've gone through all the code but haven't found anything.
User 3174986 Photo


Registered User
115 posts

Its A Kind Of Bali Magic wrote:
Juan Elias wrote:
Finally, I have made my first website using Site Designer. The site is for a psychologist I know. Even though the site is in Ukrainian, I kindly ask you to take a look at it. I'm sure I may have made some mistakes, though I can't spot them myself. I hope you will point out any flaws and errors.

Thank you in advance!

Here is the website itself - https://psydopomoga.com/


Please excuse the intrusion again
Just as an indication of an example of the home page using the 3 column layout and reducing the width of the content to 1450px maximum
here is a quick silent movie demo (I also had to do it partly in English, and yes its not all of the list in the lower section, but it might give you some inspiration)
here is the demo video
https://youtu.be/Oe7zk02q0vs


Wow! It turned out great and looks amazing! I’ll show it to the site owner, maybe she'll be interested.
User 2699991 Photo


Registered User
5,117 posts
Online Now

Juan Elias wrote:
Its A Kind Of Bali Magic wrote:
Juan Elias wrote:
Finally, I have made my first website using Site Designer. The site is for a psychologist I know. Even though the site is in Ukrainian, I kindly ask you to take a look at it. I'm sure I may have made some mistakes, though I can't spot them myself. I hope you will point out any flaws and errors.

Thank you in advance!

Here is the website itself - https://psydopomoga.com/


Please excuse the intrusion again
Just as an indication of an example of the home page using the 3 column layout and reducing the width of the content to 1450px maximum
here is a quick silent movie demo (I also had to do it partly in English, and yes its not all of the list in the lower section, but it might give you some inspiration)
here is the demo video
https://youtu.be/Oe7zk02q0vs


Wow! It turned out great and looks amazing! I’ll show it to the site owner, maybe she'll be interested.


1. It's the rel="canonical" tag. I still haven't figured out where to place it.

You place that on the page header section in the "Page Manager:
however do not ise the box (if any) that has the Use Global selected,, otherwise it will appear on every page (which you don't want) each page has to have it's own canonical tag

It is recommended to
1/ Use absolute URLs
2/Use the correct domain version (HTTPS vs. HTTP)
3/Use lowercase URLs
4/Use self-referential canonical tags
5/Use only one canonical tag per page


Using a rel=canonical tag is the simplest and most obvious way to specify a canonical URL.

<link rel=“canonical” href=“https://yourwebsite/canonical-page/” />
This is pointing to itself so Google will consider that as the original


another way is to remove the duplicated page Url from your site map, this is a bit fiddly better to use the header tag
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://mawarputih.coffeecup.com/forms/contact-wayan/

A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/ … l-details/
User 2699991 Photo


Registered User
5,117 posts
Online Now

Juan Elias wrote:

2. The second issue is the burger menu. There is a line of code like this: `<div class="container navigation-links"><a class="glyph mobile-nav-button close-button-cross" href="#"><i class="coffeecup-icons-cross2"></i></a>`
Here, instead of a link, there is "#". Some SEO tools are telling me that I have two broken links, showing me these two lines:

`<div class="container navigation-links"><a class="glyph mobile-nav-button close-button-cross" href="#"><i class="coffeecup-icons-cross2"></i></a>`

`</script></div><a href="#" class="responsive-picture mobile-nav-button close-button-cross">`

When I tried to replace the "#" in the first line with the actual page address, it worked. But when I tried to do the same in the second line, the site stopped opening and kept redirecting me to the homepage, which makes sense since I replaced "#" with the homepage address.

But the worst part is something else. For some reason, "#" appeared in the site's URL, and it now looks like this: https://psydopomoga.com/#

I still don't understand in which cases the hash appears. But I can't find such a link in the body of the site; I've gone through all the code but haven't found anything.


place a / after the #
(I.E) #/
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://mawarputih.coffeecup.com/forms/contact-wayan/

A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/ … l-details/
User 2699991 Photo


Registered User
5,117 posts
Online Now


Juan Elias wrote:
</script></div><a href="#" class="responsive-picture mobile-nav-button close-button-cross">`

</script></div><a href="#/" class="responsive-picture mobile-nav-button close-button-cross">`/


although the address appearing

https://psydopomoga.com/#

isn't really an issue or a problem
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://mawarputih.coffeecup.com/forms/contact-wayan/

A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/ … l-details/
User 3174986 Photo


Registered User
115 posts

Its A Kind Of Bali Magic wrote:
Juan Elias wrote:

2. The second issue is the burger menu. There is a line of code like this: `<div class="container navigation-links"><a class="glyph mobile-nav-button close-button-cross" href="#"><i class="coffeecup-icons-cross2"></i></a>`
Here, instead of a link, there is "#". Some SEO tools are telling me that I have two broken links, showing me these two lines:

`<div class="container navigation-links"><a class="glyph mobile-nav-button close-button-cross" href="#"><i class="coffeecup-icons-cross2"></i></a>`

`</script></div><a href="#" class="responsive-picture mobile-nav-button close-button-cross">`

When I tried to replace the "#" in the first line with the actual page address, it worked. But when I tried to do the same in the second line, the site stopped opening and kept redirecting me to the homepage, which makes sense since I replaced "#" with the homepage address.

But the worst part is something else. For some reason, "#" appeared in the site's URL, and it now looks like this: https://psydopomoga.com/#

I still don't understand in which cases the hash appears. But I can't find such a link in the body of the site; I've gone through all the code but haven't found anything.


place a / after the #
(I.E) #/


Thank you, Wayan! I understood and fixed everything regarding both points. However, I still have a question: why and how does the hash symbol appear in the links on the homepage?
User 3174986 Photo


Registered User
115 posts

Its A Kind Of Bali Magic wrote:

Juan Elias wrote:
</script></div><a href="#" class="responsive-picture mobile-nav-button close-button-cross">`

</script></div><a href="#/" class="responsive-picture mobile-nav-button close-button-cross">`/


although the address appearing

https://psydopomoga.com/#

isn't really an issue or a problem


I have no idea :)
I'm worried whether this might be an issue for SEO.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.