2020-10-20 WordPress Toronto "Let's Fix Your WordPress Website".
This post recaps the exchanges and tips from the Let’s Fix Your WordPress Site 2020-10-20 | WPTO Meetup. This was our eighth online session using Zoom.
These notes are in 2 parts. The first is notes taken during the session and then cleaned up and supplemented and a summary and list of links compiled. The notes cover most of the discussion and make the video more useful. The second part of this post is the chat transcript with light editing of the URLs where necessary.
“Cleaned up” refers to light editing to remove surplusage, check URLs and disambiguate where possible.
The requests for help were made in the event page’s comments and in Zoom’s chat messages are included in the first part of the notes and discussed more or less in chronological order.
The session started at 6:30 PM and ended at 8:15 PM.
The next session is Let’s Fix Your WordPress Site 2020-11-17 | WPTO Meetup.
WPTO’s showcase on Vimeo
The videos for the online sessions are in a Vimeo showcase, WordPress Toronto – Let’s Fix Your Website Meetup on Vimeo, a screenshot of which is at right.
About our sponsors
This WordPress Toronto Meetup sub-group is sponsored by Weglot, the Canadian Management Consortium and WPUP.co.
Weglot is the fastest and most flexible way to translate your website. Check out a short demo.
Try Weglot out for yourself and then get 15% off as a WordPress Toronto member.
Jeremy Choi introduced WPUP.co, a new sponsor, and its subscription-based site maintenance service for WordPress sites. From his background in a digital agency, he identified an opportunity to provide a web agency like capability without the cost and thereby make a positive difference in client businesses. WPUP is offering WPTO members a 25% off lifetime discount.
There were 13 questions from 6 people addressed in the session:
- Mary Whittle
- Fernne Kane
- Kathy Sterman
- Nicole Hart I
- Nicole Hart II
- Dan and Robin (wrap-up)
List of links in the session
- Sharing Debugger | Facebook for Developers
- The Open Graph protocol, Schema.org, Dublin Core
- “opengraph” | WP.org, “schema” | WP.org, “dublin” | WP.org
- How to use the SEMrush related keyphrases feature in Yoast SEO | Yoast
- About fair dealing – Fair Dealing Canada
- link rot, Internet Wayback Machine, Chrome extension Wayback Machine | Google Search
- Art of curated post | Imgur
- Canonical URLs in Yoast SEO | Yoast
- WPML | WP.org
- Cloudflare, “caching” | WP.org
- How to Eliminate Render-Blocking Resources in WordPress | Torque
- Lazy-loading images in 5.5 – Make WordPress Core, Lazy Loader | WP.org
- 5 Best Motherboards for i9-9900K in 2020 (August Update)
- WP Rocket
- Conditionally Loading Scripts and Stylesheets in WordPress For Ajax Requests | LuminFire
- Testing – Delta – a WordPress and Elementor Website Theme for Supernova Sites
Dan opened the session and introduced first time attendees to this Meetup’s background and the focus now on fixing sites. He gave a shout-out to our sponsor Weglot and Jeremy Choi introduced WPUP.co, a new sponsor this month (see the sponsorship section, above).
Thank you for holding this session. I was able to find a developer who fixed my issue – but I certainly appreciate know of this service/group.
When I share any article from my website (Lifestyle Tips and Self-Care Advice) on Facebook or Twitter, the preview says “title of your article” and “description of your article.” I would appreciate the help to figure out where to complete this information.
Dan Stramer Check in the editing screen of your article, in the Yoast SEO section if there are any values in the social title and social description. After you fix that go to Sharing Debugger | Facebook for Developers and debug the page and then submit a scrape request. Those steps might help. At the Meetup you can share you screen and we can look further.
Mylynh Thank you so much for the quick response! The Facebook debugger was super helpful and I realized the open graph tag was showing up twice. It looks like there were two descriptions being pulled, one from the Yoast plugin and from my theme. I removed the open graph tag from my theme. This has been resolved 🙂
Dan recapped his advice. Both her theme and the Yoast plugin provided the Open Graph fields to create the meta tags. Take care to avoid duplication of capabilities especially because of the risk of confusion and over-writing. Choose one technique or method. Example of redirects.
Robin MacraeThe The Open Graph protocol popularized by Facebook, Twitter and other social media platforms is one of several ways to add structured data (metadata) to content for search purposes. Schema.org is one and the Dublin Core another. Check “opengraph” | WP.org, “schema” | WP.org and “dublin” | WP.org at WordPress Plugins | WP.org.
Also want to talk about sharing articles on Blog with my commentary; in addition, talk about the new Yoast combination method with SEMrush and how it works. https://fernnekane.com/.
The free version is up to 10 words a day.
Robin This is a new method of finding keywords in Yoast SEO 15.1, Focus keyphrases, from which you find related keyphrases. Requires registration. The base tier is a $100/m SEMrush account. See How to use the SEMrush related keyphrases feature in Yoast SEO | Yoast.
Jeremy Yoast and SEMrush have partnered.
Ferne How can I write but with minimal effort; e.g., comment on someone else’s article or post; where do you promote the commentary post; can I add the text on which I’m commenting.
Ferne wants to reduce the effort involved in authoring blog posts by commenting on other blogs’ posts. She asked if she could publish other blogs’ posts and add her comments.
Robin You can publish excepts of someone’s posts along with commentary because the Copyright Act allows that.
The Canadian Copyright Act allows the use of material from a copyright protected work (literature, musical scores, audiovisual works, etc.) without permission when certain conditions are met. People can use fair dealing for research, private study, education, parody, satire, criticism, review, and news reporting. S: About fair dealing – Fair Dealing Canada.
You would typically provide the URL to the excerpted content.
Don’t ignore the issue of link rot, the phenomenon of URLs no longer working for a number of reasons. One way to deal with that problem is to use the post’s Internet Wayback Machine URL. Check out Chrome extension Wayback Machine | Google Search for several ways to make using those URLs
alanc How to curate a post visual requirements; the URL for best practices for commenting on a curated post: Art of curated post | Imgur.
Robin I did a few searches before Alan found the URL he wanted:
- how to curate a post’s visual requirements | Google Search
- how to curate visual requirements of post – Google Search
- How to Curate Content in 5 Simple Steps | Sprout Social
I thought that How to Curate Content the Best Way to Grow Your Brand, the Content Curation Template Bundle available for download and an infographic to be worth a look.
Jeremy [a chat item] If they give you permission [to republish someone’s post or article]. You just have to set the CANONICAL link to the original author inside WordPress Here you go: Canonical URLs in Yoast SEO | Yoast @Fernne? This is how you use someone else’s content that YOU have permission to use. To post on your own website.
I would appreciate if someone could help me to solve the following issue with WPML | WP.org:
The translated menus cannot be linked correctly to the translated page. For example if I’m in the FAQ page in ENGLISH and I change the language using the language switcher to GERMAN, the loaded page is still the same ENGLISH page.
We were unable to help. Try Weglot.
We finished the submitted requests.
Site optimization for https://safss.org.
Dan optimization can refer to images, page speed, code, etc.; usually, image optimization. You can change the image’s resolution to reduce its size. Yours is very large and could be reduced without loss of quality.
Kathy How do you find an image’s size?
Dan Use the Chrome Inspector (Images tab) to see all of the sizes of images on a page.
Another aspect of image optimization is optimizing the image with an image compressor.
Dale Size down the image in steps rather than in one shot to get a better result.
Robin A JPG or PNG image not previously optimized by compression can be reduced in size by 80% without any problem. There are plugins such as Smush | WP.org that can automatically compress images for you.
Are you caching your site? Check with your host as most provide a caching service and/or access to a CDN such as Cloudflare. This is a popular plugin category with lots of choices. “caching” | WP.org lists a half a dozen million plus installed plugins.
To find an image’s on your desktop, use the Get Info box on a Mac or the properties box on Windows.
Dan The WP Rocket caching plugin also addresses render blocking. [Subscriptions start at $49/year. RAM]
It may be a Google service that’s slowing the page: YouTube, analytics, etc.; Lazy loading was recently added to the core to minimize the render blocking effect, see Lazy-loading images in 5.5 – Make WordPress Core. There are also plugins such as Lazy Loader | WP.org.
Fraser 5 Best Motherboards for i9-9900K in 2020 (August Update). Resources (TOC for example) are being loaded that are part of a page being displayed. How come? Is it WP Rocket perhaps?
Dan Resources may be enqueued and that can be adjusted so that resources not required for a given page aren’t loaded; checks to see if a shortcode or whatever is required and, if not, then don’t load it; Google: conditional loading of CSS or plugin based on page.
The usual way to conditionally load scripts and styles in WordPress is to call wp_enqueue_script and wp_enqueue_style when you need the script or style and to not call them if you don’t need it. This works well for plugins that use [shortcodes] or otherwise print their content during the normal page building process. S: Conditionally Loading Scripts and Stylesheets in WordPress For Ajax Requests | LuminFire. RAM
Nicole Hart I
How do you optimize the mobile version of a site. Testing – Delta – a WordPress and Elementor Website Theme for Supernova Sites.
Dan Design for desktop vs design for mobile; design for mobile first method. [Dan demonstrates using Elementor with the mobile view so that you can make CSS changes only to the mobile version or one of the other versions.]
What’s causing the large white space below the image? Dan identified the classic skin as the issue because the card skin didn’t have the problem. Some setting in the default skin is adding the padding or space in question;. You can use the Advanced tab to revise the Classic skin, a per page setting. Use the Card and style it as the Classic look as a workaround. The Classic skin is fixable, though.
Nicole What are themes you can use with pagebuilders?
Robin The major pagebuilders provide starter or basic themes, Hello and Beaver Theme for example. In addition, Elementor and Beaver Builder work with a number of popular themes.
Nicole Hart II
Are there tools for [mobile layout testing]?
Dan Test your site on a phone. There are device emulators to test different mobile platforms.;
Robin Don’t forget that each mobile device has multiple versions. Its the browser version in the phone that matters. For example, iPhone at iOS 9 no longer display major newspapers such as the NYT and Washing Post. Start with the most recent version of a mobile device and then work backwards if you’re up to it.
Dan and Robin (wrap-up)
Robin asked if people attending today were making use of the session posts published after each Meetup on our site, WPToronto. Dan closed the session by reviewing last month’s session recap post, “Let’s Fix Your Website” Recap for September 15th, 2020 | WPToronto, and its several sections.
The chat transcript
These are the public chat messages sent during the session.
This month’s video on Vimeo has this chat transcript with each time code a link to the relevant part of the video. In other words, clicking a time code link will take you to where that part of the video. This is the first month for this feature.
- 19:06:01 From Kathy Sterman : I have a WordPress-related issue. I would like to ask.
- 19:08:30 From Jeremy Choi : You just have to set the CANONICAL link to the original author
- 19:08:32 From Jeremy Choi : inside WordPress
- 19:09:01 From Jeremy Choi : Here you go: Canonical URLs in Yoast SEO • Yoast @Fernne
- 19:09:12 From Jeremy Choi : This is how you use someone elses content that YOU have permission to use.
- 19:09:19 From Jeremy Choi : To post on your own website.
- 19:16:09 From alanc : To Fernn: Here is the URL for the image I was talking about re: the best practices for commenting on a curated post: Art of curated post | Imgur.
- 19:18:27 From Robin Macrae to alanc (Privately) : Is this the infographic to which you referred?
- 19:18:29 From Robin Macrae to alanc (Privately) : how-to-curate-content-infographic.png (768×4432)
- 19:19:28 From Jeremy Choi : Sorry, I would help but I have to leave now — it was nice seeing some of you earlier! I’ll be at the next one to help out again.
- 19:22:58 From Kathy Sterman : SAFSS | Settlement Assistance & Family Support Services.
- 19:26:18 From alanc : I use this site to convert images to PNG Image Converter – Convert Images to PNG, JPG Online Free | Online UniConverter.
- 19:26:59 From alanc : you can convert 5 images at a time on the free subscription. I also use photoshop for that as well.
- 19:44:43 From Nicole Hart : Lazy what?
- 19:44:58 From Robin Macrae : lazy loading
- 19:45:08 From Robin Macrae : How to Eliminate Render-Blocking Resources in WordPress.
- 19:45:10 From Nicole Hart : Lazy Loader – WordPress plugin | WordPress.org English (Canada).
- 19:45:45 From fraser : 5 Best Motherboards for i9-9900K in 2020 (August Update).
- 19:56:56 From Nicole Hart : Events – Testing.
- 20:09:37 From Dale Campbell : I have to go – this meetup was very well done and very informative – thank you. Hope to see you next time.
- 20:20:21 From Nicole Hart : Thank you!
- 20:20:46 From Dan Stramer – WordPress Toronto Organizer : Thank you everyone for joining!
- 20:21:12 From Dan Stramer – WordPress Toronto Organizer : Toronto’s WordPress Community @ WPToronto and last month’s session recap post, “Let’s Fix Your Website” Recap for September 15th, 2020 – WPToronto.
- 20:21:31 From MB : Thank you! Informative session.
- 20:25:08 From Nicole Hart : Thanks have a good night
- 20:26:49 From fraser : Gotta run guys. Thanks a lot
That’s it for this month’s Meetup notes and chat transcript.
The next is another online session, Let’s Fix Your WordPress Site 2020-11-17 | WPTO Meetup. RSVP and post your question or request.
Robin Macrae (LinkedIn)
1 thought on ““Let’s Fix Your Website” Recap for October 20th, 2020”
Great recap Robin, Thanks!
Comments are closed.