Why These 10 Webpage Components Are Ruining Your Site

Поделиться
HTML-код
  • Опубликовано: 15 янв 2025

Комментарии • 131

  • @bg-privat
    @bg-privat 10 месяцев назад +3

    I also used a link to the contact form but recently I learnt that in Germany the email address is required by law (imprint, privacy policy)

  • @Nadworks-cb
    @Nadworks-cb 11 месяцев назад +5

    Very interesting collection of recommendations, Paul. Thanks.
    Some are a little subjective. But I definitely agree with the stock and generic content use.

  • @harbourdogNL
    @harbourdogNL 11 месяцев назад

    Ah, mate, I LOVE that t-shirt!! Brilliant. And great video as usual, thank you. And your point about not using stock images is reinforced at 5:07 & 5:41 when you use... stock footage 🤣

    • @WPTuts
      @WPTuts  10 месяцев назад +1

      It was intended to be a little tongue in cheek. ;)

  • @paulroos8517
    @paulroos8517 11 месяцев назад +1

    Thanks Paul. Your videos are trust worthy.

    • @WPTuts
      @WPTuts  9 месяцев назад +1

      I appreciate that!

  • @VijayKumarIM
    @VijayKumarIM 11 месяцев назад +5

    Adding email link is my biggest mistake in my designs ( Now I realised where those spam mails are coming to my inbox). Rest I already figured it out and makes verymuch sense. Also make sure to load the pages quickly. That's another very annoying thing keeping people wait.

  • @xenicmark
    @xenicmark 11 месяцев назад

    Oh man, all the things I fight over with my clients. Glad to have a video to point them to now!.

  • @thepurpleufo
    @thepurpleufo 10 месяцев назад +1

    Great expert tips, Paul. One of my favorite things is arguing with customers about these things...ha ha ha.

    • @WPTuts
      @WPTuts  9 месяцев назад

      You and me both!

  • @johannesdegard5703
    @johannesdegard5703 11 месяцев назад +1

    Paul, is it ok to list the email in plain text without an active link?

    • @johannesdegard5703
      @johannesdegard5703 10 месяцев назад

      ?

    • @WPTuts
      @WPTuts  9 месяцев назад

      Even plain text email links can be harvested, so I'd look at something that allows obfuscation while still displaying the email address.

  • @alanjacobs7302
    @alanjacobs7302 11 месяцев назад +11

    you missed out "too many animations".

  • @wunderlandmedia
    @wunderlandmedia 11 месяцев назад +1

    Great points, thanks a lot for the video

    • @WPTuts
      @WPTuts  11 месяцев назад

      Glad it was helpful!

  • @gordonbrownlee4436
    @gordonbrownlee4436 11 месяцев назад

    Another excellent video Paul; I'm guilty of 7!! of these errors on some of my sites although thankfully not all in any one site. I'll have to update some. These are good tips for future designs.

  • @spindreams
    @spindreams 11 месяцев назад +16

    Why did I just get major DeJa'Vu?

    • @derek-hanson
      @derek-hanson 11 месяцев назад +6

      Must be your second orbit around RUclips 😂

    • @DanielNeubauer
      @DanielNeubauer 11 месяцев назад

      Lol

    • @AngelaPrabhu
      @AngelaPrabhu 11 месяцев назад

      Because he’s reiterating the same old trope we’ve been hearing for years. Generic much 😊

    • @pmaeffect
      @pmaeffect 11 месяцев назад

      Because he just plagiarized this video. Feels kinda dirty now giving a shout out to this guy for the idea. ruclips.net/video/zdWTUE9-mDk/видео.html&pp=ygUedGFrZSB0aGlzIG9mZiB5b3VyIHdlYnNpdGUgbm93

  • @hyltonclementson
    @hyltonclementson 11 месяцев назад +1

    I remember having an argument with a client who wanted to page with video (with audio) autoplay. I hated that page so much.

    • @WPTuts
      @WPTuts  9 месяцев назад

      One to leave out of the portfolio for sure. ;)

  • @Sonya_Makepeace
    @Sonya_Makepeace 11 месяцев назад +4

    I agree with all your points, but then I wonder why you've used stock video footage as cutaway's?

    • @avalikesinemine
      @avalikesinemine 11 месяцев назад +1

      I had the same question 😊

    • @WPTuts
      @WPTuts  11 месяцев назад +2

      Tbh, I added them to see who would be the first to comment on them. 😉😁

    • @Sonya_Makepeace
      @Sonya_Makepeace 11 месяцев назад +1

      @@WPTuts LOL! OK, I'll let you off.

    • @themedleb
      @themedleb 11 месяцев назад

      I'm sure if you sent him enough money, he would hire professionals to record for every video he makes.

    • @Sonya_Makepeace
      @Sonya_Makepeace 11 месяцев назад

      @@themedleb I don't send anyone money.

  • @webtappers7863
    @webtappers7863 11 месяцев назад +1

    Thanks Paul, great suggestions!

    • @WPTuts
      @WPTuts  9 месяцев назад

      Glad you like them!

  • @marcoprofwebsitenl6484
    @marcoprofwebsitenl6484 11 месяцев назад +2

    Sergio Leone made spaghetti Westerns with Clint Eastwood. the characters that played were not the best looking like in other cowboy films. this gave us a very realistic view. what you say about the sites and credibility is very correct. thank you Paul for this useful video 👍

  • @hlapoint
    @hlapoint 10 месяцев назад

    Great video Paul. Thanks!

    • @WPTuts
      @WPTuts  9 месяцев назад

      Glad it was helpful!

  • @MortenVestergaard1
    @MortenVestergaard1 11 месяцев назад +1

    I love how you used "normal looking people" in the stock videos just after the section about stock images and videos ;)

    • @WPTuts
      @WPTuts  11 месяцев назад +1

      It was done a little tongue in cheek. 😉

    • @WeaselTM
      @WeaselTM 5 месяцев назад

      @@WPTuts 😅pun intended, yeah. They were just over the top.

  • @MarioSarto
    @MarioSarto 11 месяцев назад +3

    If the page opens unsolicited pop-ups or links do not lead to the destination, that is the end of my visit to this page.

  • @User9482-z2s
    @User9482-z2s 11 месяцев назад +1

    I'm actually pretty good at staying away from these damaging components!

  • @jeremyfarrance7740
    @jeremyfarrance7740 11 месяцев назад +2

    An additional one that causes (me) pain and is a very poor user experience; Long Lists - keep your bullet lists, menu items, etc. to 3-5 items. If you have a single menu with 11 items, you have failed.

    • @WPTuts
      @WPTuts  9 месяцев назад

      A solid point! :)

  • @thewebstylist
    @thewebstylist 11 месяцев назад +1

    All great tips indeed 🎉

  • @gookulgopan
    @gookulgopan 11 месяцев назад

    07:02, what is that email client?

    • @WPTuts
      @WPTuts  11 месяцев назад

      It’s Spark Email Pro.

  • @stanyt3rive725
    @stanyt3rive725 11 месяцев назад +1

    I love you 😂❤❤ great channel

    • @WPTuts
      @WPTuts  9 месяцев назад

      I love you too.. lol

  • @bbontubecentral1
    @bbontubecentral1 10 месяцев назад +1

    2. Must be doing somethings correctly. 😅.. agreed with your points. Also too many animation’s gets ridiculous, not in a good way

    • @WPTuts
      @WPTuts  9 месяцев назад

      Agreed! Subtlety can be far more impactful than everything on the page swishing in from every angle. ;)

  • @ashrafulalam1734
    @ashrafulalam1734 11 месяцев назад +1

    😂 @11:22 dude banging his 90's laptop!!

  • @thatgrrlca
    @thatgrrlca 11 месяцев назад +2

    My sites, I make my own, have been on the low tech side. An advantage when it comes to most of the things on your list. No videos and no stock images. No testimonials, I'm not selling anything. I am going to move my social media links to the footer. They really aren't as useful as they once were so moving them is a good plan.

  • @upstatenyrider8413
    @upstatenyrider8413 11 месяцев назад

    Great Refresher... On my site, I fall in the category of sinless. I've been fortunate to pick these up from your other videos along with different content creators. Ironically, I've had to 'counsel' clients in the reasons why these are important - especially email addresses. Stock images are okay - definitely not preferred - and only if you do some post production work with them. They can also fit sometimes as a low opacity background. I'm not a fan of width determination based on characters - using images and wrapping works well as does good use of list items and proper font emphasis. I tend to keep content blocks < 60% full width and in articles I constrain to about 740px with offset images unless I'm truly after a column layout. Side-by-side columns can work well also for desktop layouts. Just my thoughts - you always have some top-notch content and it's appreciated....

  • @AlexVegamobile
    @AlexVegamobile 11 месяцев назад

    Great stuff!

    • @WPTuts
      @WPTuts  11 месяцев назад

      Thanks!

  • @alhaythum
    @alhaythum 11 месяцев назад +1

    Was guilty of the too many words content and the nonsense about in the home page- get rid of it a while ago.

  • @mgfunky
    @mgfunky 11 месяцев назад +1

    I would have left it in negative and just watch MJ doing the real breakdance😉 I love it. Tell em! Transparency is the only way we can see underneath.

  • @fahimsaqib3883
    @fahimsaqib3883 11 месяцев назад

    please can you explain about selling wordpress theme, is still profitable , if possible create a video on it

  • @barbaranewerla
    @barbaranewerla 11 месяцев назад +1

    I personally hate animations. All these things sliding in, poping up, flying around drive me crazy. It is fun to play around with all these possibilites but in the end it is just distracting.

  • @MarkWariner
    @MarkWariner 11 месяцев назад +1

    Guilty of 3 of those 10, and in most cases only 1-2. Thge Email links. OMG, Been telling peopel for years TO STOP doing that! Yes, you have an email and YES you want others to have it, bit not the entire world of hackers and spammers. LOL Great video BTW

  • @scotfree7702
    @scotfree7702 11 месяцев назад

    What about sliders, yay or nay?

    • @WPTuts
      @WPTuts  11 месяцев назад

      As a general rule, it would be a nay.

  • @claritydigital
    @claritydigital 11 месяцев назад

    So guilty of most of them over time but slowly improving the one still really relevant is email adresses and email links Love to know more as most clients want them on the site strted using ASE to obfuscate them is that ok or still not good practice?

    • @WPTuts
      @WPTuts  9 месяцев назад

      If they can be obfuscated, then that wold be a good compromise if a client is adamant about having it on the site or you need to include it in the legal pages.

  • @noraholmquist8231
    @noraholmquist8231 11 месяцев назад +2

    Number 1 should be too many (or any) animations. If I wanted to watch animations, I would turn on the tv to the cartoon channel.

  • @sharifkhan7976
    @sharifkhan7976 11 месяцев назад +1

    danke!

    • @WPTuts
      @WPTuts  9 месяцев назад

      Dim prob! :)

  • @StevenWebb
    @StevenWebb 11 месяцев назад +2

    I feel like I've already watched this video. Maybe it's updated?

    • @brrrbeep
      @brrrbeep 11 месяцев назад +4

      You may have watched Orbit Media's video from a few weeks back.

    • @istiquritconsultant
      @istiquritconsultant 11 месяцев назад

      I have watched these videos a lot in Wes Mcdowell channel

  • @njumobile150
    @njumobile150 11 месяцев назад

    Good day, could you make a video about "Shade-inc - media management program". The offer looks very interesting, especially about autotagging. I just don't know if it's not some "Chinese invention" to secretly collect data from private drives. I look forward to your opinion on this subject.

  • @jimjuris
    @jimjuris 11 месяцев назад

    Those are all great suggestions and luckily I don't have any of them on my website.

    • @WPTuts
      @WPTuts  11 месяцев назад

      That's great!

  • @wtccreatives
    @wtccreatives 11 месяцев назад

    1 - The email address due to trying to make sure that I am EEAT compliant with Google search...

  • @alhaythum
    @alhaythum 11 месяцев назад

    Does "Services", "projects" counts as generic words

  • @Dougster123
    @Dougster123 11 месяцев назад +1

    OOOOoooo Kaaay . . . I'm a long time fan, but If you are going to be this blatant about it how about giving some credit. Love ya 👍

    • @WPTuts
      @WPTuts  11 месяцев назад +2

      Credit to who?
      Spend 5 minutes online and do a search and you’ll find a boat load of sites and videos on the topic.
      You’ll also find that the majority share very similar points - some less than 10 and some way more.
      As someone who’s been building sites for over 20 years, I’m pretty sure that none of the items in the list are new.
      But, I thought it would be fun to pick the 10 I think are the most common and see how many others have or are making those same mistakes.
      If there was one post or video that was the inspiration for this video I would certainly credit it, as I have done many times before.

  • @simonwright9916
    @simonwright9916 11 месяцев назад

    I had to giggle when you were talking about stock images, and you then use a piece of stock footage when suggesting a professional photographer be used! But great advice, though 👍👍

    • @WPTuts
      @WPTuts  11 месяцев назад

      It was done as a little tongue in cheek to see how many people would comment on the stock video. 😉

  • @pearstecvoiceover
    @pearstecvoiceover 11 месяцев назад

    You were talking about white spaces in pages to what about dark theme websites

    • @WPTuts
      @WPTuts  11 месяцев назад

      White space isn't about the colour, it's about the space - white space just means that there is ample space to provide the elements to 'breath'.

  • @davidadams421
    @davidadams421 11 месяцев назад +1

    House!! Ooops, sorry, thought I was playing bingo there...

    • @WPTuts
      @WPTuts  9 месяцев назад +1

      HOUSE! Now, what do I win? ;)

  • @PietroMalaguti
    @PietroMalaguti 11 месяцев назад

    About video with sound auto-starting, tell that to social media... ;-)

    • @WPTuts
      @WPTuts  11 месяцев назад +1

      And how bloody annoying is it. 🤦‍♂️ lol

  • @gavinwatts9390
    @gavinwatts9390 11 месяцев назад +1

    1 only...emil in footer

  • @DavidMurrin77
    @DavidMurrin77 11 месяцев назад

    I’m going to put the stock videos used in this video down to irony 😄

    • @WPTuts
      @WPTuts  11 месяцев назад

      Im glad you got it. 😉

  • @streetwiseburger
    @streetwiseburger 11 месяцев назад +2

    Hero Sliders.

  • @jhamaker
    @jhamaker 11 месяцев назад

    For #6 I've started using forms that fetch the email address after submission so it is never exposed to the site, even in html.
    This is especially important since scammers/phishers are trying to find a way to get employees to take a action. My company has had people spoofing the director to try and get gift cards. We have had people spoofing HR to try and change direct deposit accounts.
    Now the staff directory just as a link to a web form to send an inquiry to a specific staff member. Since doing this, we are seeing less of the targeted phishing, especially directed at newer staff.

  • @Stockholm_Syndrome
    @Stockholm_Syndrome 11 месяцев назад

    5. I think You should have it on your website to rank on Google. Google wants to know who you are, to establish authority. Don't remove it!

    • @WPTuts
      @WPTuts  11 месяцев назад

      Putting that as a priority on your homepage may make Google like you, but making it about you and not your potential clients or customers needs or pain points will have them jumping straight back off.
      If conversion is your priority, make it about your ideal client - if you want vanity SERPS, by all means leave it there.
      Use below the fold, the footer or anywhere else that doesn’t detract from your clients needs.

  • @johannesdegard5703
    @johannesdegard5703 11 месяцев назад

    Social Proof - on your site you have the social icons right there you said it should not be...

    • @WPTuts
      @WPTuts  11 месяцев назад

      This is true - byt the WPTuts website is being rebuilt, so I'm not spending time going back to edit the current setup.
      Take a look at learnbricksbuilder.com/ and you'll see that the social media is all in the footer. ;)

  • @jugibur2117
    @jugibur2117 11 месяцев назад

    5:42 Things that ruin your video 😝 But I think it's just to test the viewers' reactions, hihi.
    I wonder if websites with too many animations can also be a no-go, especially with scrollbar hijacking. Something like that is rarely barrier-free.
    And yes: autoplay videos are *really* annoying, especially when you're on the go with your cell phone and it drains your data volume.

    • @WPTuts
      @WPTuts  11 месяцев назад

      You got it… I wanted to see how soon someone would comment on the stock video. 😉

  • @WeaselTM
    @WeaselTM 5 месяцев назад

    I prefer an email over a form, or at least send me a CC of my message.

  • @theplaintech
    @theplaintech 11 месяцев назад +1

    "We were able to significantly expand our capacity for web projects..." AND split an infinitive.
    Use correct grammar so you don't lose a segment of the audience.
    "If only it was true..." No! No! No! Subjunctive mood: "If only it were true..." You might be surprised how many people are gone instantly from a supposedly 'professional' website with such gaffs as this.

  • @rubengarciajr
    @rubengarciajr 11 месяцев назад

    Leave Breakdance alone !!!!

    • @WPTuts
      @WPTuts  11 месяцев назад +1

      Doesn’t make the example any less true. Lol

    • @rubengarciajr
      @rubengarciajr 11 месяцев назад +1

      @@WPTuts I hate that you are right 😂

    • @WPTuts
      @WPTuts  11 месяцев назад

      @@rubengarciajr lol
      I gave credit in the next example though. So, you can be happy about that. 😉

  • @gieselman
    @gieselman 11 месяцев назад +1

    images…easier said than done.

    • @WPTuts
      @WPTuts  9 месяцев назад

      It is, but these are guidelines and not rules. Sometimes, we have to use stock images as the client doesn't have or provide good quality images. It's all about balance. :)

  • @nick90000
    @nick90000 11 месяцев назад +1

    guilty guilty guilty 😅

  • @saeediqbal_DEV
    @saeediqbal_DEV 11 месяцев назад

    guilty for all 😅😅😅

    • @WPTuts
      @WPTuts  11 месяцев назад

      😂

  • @markmclachlan1272
    @markmclachlan1272 11 месяцев назад

    Every recommendation - correct- I must have had some of same training as you years ago at the same school :). This one is a bit similar to Point 1 - vague headlines. The client who has a new you beaut product to market and has coined a new you beaut name for it - lets say they have named it "A Wacker". On asking for more information the client replies with - "It's the best big wacker on the market" - - more information please - Well "These are THE BEST BIG RED WACKERS EVER SEEN" .
    - - Oh, Ok - So please tell me what you do with a Wacker - Well one thing it does really well is - ta dah - it drives nails - - So its a hammer? - Well yes, but we like to call it a Wacker , and they are the best Wackers ever produced - and they are red.
    The names & details in this story have been changed to protect frustrated website builders who also know a tiny bit about how to get good results for clients, but have clients who really want to use that you beaut name that means nothing to anybody.

  • @martynoakley7013
    @martynoakley7013 11 месяцев назад +1

    Guilty as charged in the past but nice to say I'm pretty innocent these days.

  • @vaughanprint
    @vaughanprint 11 месяцев назад

    😳Maybe

    • @WPTuts
      @WPTuts  9 месяцев назад +1

      I'll take that as a 'yes' then. lol

  • @elyashivk1165
    @elyashivk1165 11 месяцев назад

    nothing😊😅

  • @gataremmanuel
    @gataremmanuel 11 месяцев назад

    4 😂😂😂😂😂😂😂😂

  • @blackeye.studio
    @blackeye.studio 11 месяцев назад +2

    From my point of view not all of them "ruining" a website. One hero Quote that is not so relevant to what a website is offering maybe it is triggering for visitors to scroll down and find out more, I liked the Framer Hero Title "The internet is your Canvas" haha , maybe it is wrong but as a visitor it triggered my mind to scroll and discover what it means LOL . About the menu Links you have to keep them with short texts so it is a little be difficult to expand those links especially in my case that I have Greek Characters and one English word in Greek maybe it is 2 or 3 words :p . I agree with the word like "Technology" it is generic but AI Products in the example is ok I think.
    I totally agree with all the others, like stock images etc..
    I believe some of them is not exactly Components that ruining but Components that we have to use them wisely . As we say in Greece "Παν μέτρον άριστον" , it means do it sparingly if I write it correct . Nice video Paul especially for beginners .

  • @susangemayel-tapper3794
    @susangemayel-tapper3794 11 месяцев назад +1

    Great suggestions, thanks Paul!

    • @WPTuts
      @WPTuts  9 месяцев назад

      My pleasure!